Stack Overflow
Stack Overflow

Questions tagged [webfonts]

Technology that enables people to use fonts on demand over the Web without requiring installation in the operating system.

What are WebFonts?

WebFonts are a technology that enable people to use fonts on demand over the Web without requiring installation in the operating system. The W3C working group has introduced webfonts as part of the CSS 2 specification, and addendums are included in CSS 3. Until recently, downloadable fonts have not been common on the Web due to the lack of an interoperable font format. Modern browsers support the now widely used format (and woff2 for better compression). In the past other formats like eot (initial proprietary Microsoft), ttf (uncompressed) or svg were used.

Links

1549 questions
0
votes
1 answer

font-face wordpress - IE issue

I have the website, based on wordpress, which uses my own theme. The problem is that when I open site in the IE, in the console I receive error CSS3117 about "cross-origin request". @font-face { font-family: 'Centurygothic'; src:…
Sebastian Bochan
  • 37,348
  • 3
  • 49
  • 75
0
votes
1 answer

MotivaSans-Bold web font on windows?

I am working on a project where client wants to use MotivaSans-Bold. However on windows browsers it displaces text on twitter bootstrap enabled buttons but looks good on Mac browsers. But if I try to change padding it disrupts Mac browsers. What can…
Bharat Patil
  • 1,398
  • 1
  • 11
  • 28
0
votes
1 answer

Firefox problems with Unicode fonts

I am developing a game in HTML5/Canvas. Most of my game objects are represented as Uncicode glyphs. I have three fonts embedded on the site in a bunch of different formats. All three of these fonts have support for most of the glyphs in the Basic…
Qqwy
  • 5,214
  • 5
  • 42
  • 83
0
votes
2 answers

Some of the web font's icons not loaded in firefox

I've already base64 encoded the fonts (which I built using icomoon's app) to prevent Cross-Domain issues with the fonts, but why do I have some of the icons missing? Everything looks perfectly fine on google-chome. Chrome Firefox (Facebook, Twitter…
Jürgen Paul
  • 14,299
  • 26
  • 93
  • 133
0
votes
1 answer

Grainy webfonts on a per machine basis

Ladies and Gents Strange situation. Building a site using some web fonts from Fontsquirrel. Using the @font-face as provided. Fonts look great on the whole - tested on Chrome/FF (linux box), Chrome/FF/Opera (android tablet), IE (windows phone). …
nick-brown
  • 31
  • 2
  • 8
0
votes
1 answer

Icon font characters are different sizes but have exactly the same CSS

I'm trying to create different font "icons" with CSS but I'm having some weird issue as I scale them up. They seem to be adjusting to different ratios and I'm not sure why. When I created my "largest" style it looked different (Proportionally) than…
Andrew Richardson
  • 289
  • 3
  • 16
0
votes
1 answer

Webfont and width of the text issue inside jQuery plugin

I'm working on my new site and I want to add tooltip plugin with webfont, but the tooltop is in wrong position, but it work when I don't use webfont. the code for the plugin look like this: $.fn.tooltip = function(options) { var settings =…
jcubic
  • 61,973
  • 54
  • 229
  • 402
0
votes
0 answers

Not all the charset range are being loaded when using @fontface -- How to "force" using the full charset?

When using an arabic font with @fontfoce rule, something strange happens: when it comes to Roman characers, almost all the browsers (except Opera) does not use the Roman charset of the font and instead they use the charset of the other fonts…
Iryn
  • 255
  • 2
  • 5
  • 13
0
votes
1 answer

Canvas font does not work the first boot?

This is my demo jsFiddle HTML jQuery function Random() { var length = 9, charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", retVal = ""; for (var i = 0, n = charset.length; i < length; ++i) { …
Veryjackson
  • 25
  • 5
0
votes
1 answer

@font-face issues with Firefox

It may only be an issue with Firefox but whenever visiting the site using www. as a prefix the embedded fonts don't load even when using an absolute path. I don't know if there are ways to reinforce this using CSS or there is some kind of DNS issues…
Corey Tegeler
  • 149
  • 1
  • 13
0
votes
1 answer

Using custom fonts for processing.js in web2py

How do I use custom fonts in processing.js inside a web2py server? More specifically, what's the path and why do I have to use directives?
ZekeDroid
  • 7,089
  • 5
  • 33
  • 59
0
votes
1 answer

@font-face with data URIs and Font Squirrel’s @font-face generator

I am developing a JavaScript application for modern browsers and I don't need to support older ones. I want to embed the fonts in my CSS file instead of loading them. For all the browsers that I want to support, I just need the WOFF and TTF…
treecoder
  • 43,129
  • 22
  • 67
  • 91
0
votes
2 answers

Bolded google font shows text lower than usual

I have a few headings which use the Vollkorn google font. I noticed that only in Firefox and Chrome that with the default bold weight and normal font style, the actual text gets pushed beyond the bottom boundary of the element. When I switch it to…
TreeTree
  • 3,200
  • 3
  • 27
  • 39
0
votes
1 answer

Same font files, same PC, same OS, same browser, same code--two different rendering results on two different sites. What gives?

I'm running into an incredibly frustrating issue with webfonts on my employer's website. (screenshot here: https://i.stack.imgur.com/5FG2J.jpg) I've added all the font files and, as best as I can tell, written the code correctly. However, the text…
dannymcgee
  • 621
  • 2
  • 9
  • 16
0
votes
0 answers

Do I need to use src:local("?") to use webfonts in css

I had used a code for web-font, from a tutorial.Not sure what the src:local(), means.Is it necessary to include local()?or is it just fine to use font-family:... and…
user1187405
  • 463
  • 2
  • 6
  • 17
1 2 3
…
99 100