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
2 answers

Firefox webfont not working on one of two domains

I implemented a webfont on our website. The website is available through two domains: http://blog.von-der-see.de / http://www.vds-blog.de The webfont is implemented this way: @font-face { font-family: Quattrocento-Sans; src:…
0
votes
0 answers

Hindi UTF-8 font not being displayed in Internet Explorer

I developed a multilingual website http://www.governmentjobsworld.com/en/ . This website currently supports two languages 1. English and 2. Hindi (http://www.governmentjobsworld.com/hi/). I am able to view this websites pages in both the languages…
0
votes
2 answers

Web fonts vertical spacing

I'm loading a web font using @font-face but the height of my elements changes slightly once the font is loaded because the vertical spacing is slightly different. It seems to use the vertical spacing of the default font or next font in the family…
Berry Blue
  • 15,330
  • 18
  • 62
  • 113
0
votes
0 answers

Capture with CasperJS does not render web fonts

I'm using Glyphicons in my page. It works well in Chrome. But when I use the capture()method from CasperJS, I see "crosses" instead of icons. I didn't find any hack to achieve that. phantomjs --version 1.9.7 casperjs --version 1.1.0-beta3
Syl
  • 2,232
  • 8
  • 34
  • 45
0
votes
0 answers

Google Font not rendering In IE due to IE=EmulateIE8

The Issue : When IE=EmulateIE8 is used in header New IE versions are rendering it with IE8 Engine, But google Returns WOFF as the font format. so It does not render correctly in IE. Woff Support -> http://caniuse.com/woff
vico
  • 2,152
  • 2
  • 17
  • 38
0
votes
1 answer

icon font not rendering on Windows Chrome

I made social media share buttons that use the Entypo Social icon font, inserted as "content:" in the CSS. Works fine on Chrome, Safari, and Firefox on OSX, and even IE on Windows, but not on Chrome for Windows. On Windows Chrome, the icon simply…
kanga
  • 371
  • 6
  • 17
0
votes
1 answer

Spiderable package working very sporadically due to fonts from typography.com [UPDATE]

Update OK, I've tracked down the error! I'm using fonts from http://www.typography.com/ and if I remove the link to the fonts from the (or even put it in the body instead) the site is fetched correctly every time! Summary: If you're using…
Kristoffer K
  • 2,053
  • 18
  • 23
0
votes
1 answer

Punctuation won't appear properly

I'm completely stumped on this. My webpage has several pages, and on approximately half the punctuation won't display properly. For example on http://www.specialisttravelpeople.com/vietnam the punctuation appears as "Highlights: ✓ Cyclo Hanoi…
WillMaddicott
  • 512
  • 6
  • 20
0
votes
1 answer

CSS WebFont Rendering Issue - 1 Pixel different colour

In Google Chrome(34.0.1847.131), possibly other browsers too, we're having an odd rendering issue with a web font using MyFonts. As shown in the screenshots below there is a pixel at the top of the text which is loading the default/previous colour.…
Dean Whitehouse
  • 884
  • 1
  • 8
  • 25
0
votes
1 answer

Chrome OS (incognito) and Linux Chrome webfont display issues

I came upon an odd problem while testing web fonts across various platforms. I was working around Windows Chrome font rendering issues using Javascript navigator.appVersion check coupled to a webkit media query (since Chrome & Safari are Webkit, and…
Louis Maddox
  • 5,226
  • 5
  • 36
  • 66
0
votes
4 answers

Locally hosted Google Web Fonts not working

I used to link my fonts directly to Google's API, which worked fine. Now I see that my fonts don't display properly on certain browsers and operating systems. I downloaded the fonts and converted them with fontsquirrel for web usage. After copying…
user3361043
  • 361
  • 3
  • 10
  • 23
0
votes
0 answers

Firefox not displaying Webfont

I'm pulling my hair out here. I can't seem to get the webfonts from myfonts.com to show up in Firefox only. Works in all other browsers. It's being loaded in an iframe if that helps. All of my research has mentioned a plethora of fixes that I seem…
gin93r
  • 1,551
  • 4
  • 21
  • 39
0
votes
1 answer

Using grunt webfonts

I'm newish to grunt and trying to get it to create webfonts. I have a package.js file { "name" : "SampleGrunt", "version" : "0.1.0", "author" : "Jeff", "private" : true, "devDependencies" : { …
ttmt
  • 5,822
  • 27
  • 106
  • 158
0
votes
1 answer

How to check if Google Font is properly embedded if I have the font on my computer?

I'm using Google Fonts to use the Open Sans font on a webpage I'm creating, since unfortunately it's not a standard font that everyone has. However, since I use Open Sans a lot in design work etc, I personally have it installed on my own computer.…
Alicja Z
  • 249
  • 1
  • 2
  • 9
0
votes
2 answers

How to add letter spacing to numerals?

I'm using old style numerals through OpenType font feature settings on my site. Is there any way to add letter spacing to numerals without wrapping each one of them in a span class?
jupiteror
  • 1,085
  • 3
  • 24
  • 50