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-Awesome icons look strange in IE9 and IE8

I'm using the font-awesome library for icons/buttons in my site. Not using bootstrap, just plugging them in directly. In IE9 and IE8, the icons double up and it's driving me bonkers! Anyone know what this might be?
user1447679
  • 3,076
  • 7
  • 32
  • 69
0
votes
2 answers

Loading of all font families in a fontfamily fallback call

I am doing :
testing
All these families are embedded using @font-face. While Chrome on Windows and Linux loads all the font families mentioned…
Bhumi Singhal
  • 8,063
  • 10
  • 50
  • 76
0
votes
1 answer

Clash of embedded font files

Suppose I embedded the font files for Arial , Georgia and other commonly available font files on any system on my website too using @font-face... would this result in a clash of the font files and the subsequent FOUT issues? Or is it that the…
Bhumi Singhal
  • 8,063
  • 10
  • 50
  • 76
0
votes
1 answer

Pictonic Cube weird characters

I'm using Pictonic Cube https://pictonic.co/ on a website. When I connect to the site through an "old" smartphone like Android 2.3 or Symbian I get weird characters like chinese characters or squares. What I'm doing wrong? Am I missing something?
Senén
  • 21
  • 2
  • 9
0
votes
1 answer

What can I change the default font in themeroller to?

I'm working with jQuery Mobile and I'm building my theme using ThemeRoller. I see that the default is set to be Helvetica, Arial, sans-serif but instead of giving other options it allows me to write in my own. Is there a way to implement any font…
Silas
  • 582
  • 2
  • 9
  • 19
0
votes
0 answers

Ubuntu Web Font on Windows

I am using Ubuntu Web Font for my website and the fonts look fine on Linux and Mac OS X but on Windows they render differently. The main problem with fonts on Windows is with alphabets 'g' and 'q'. One can hardly differentiate between the…
mehulved
  • 371
  • 2
  • 14
0
votes
1 answer

Web Fonts don't work in firefox on local, but do on server

I am developing a site locally and am using webfonts for symbols. When I just view the file in my browser (i.e. file:///path/to/file.html) the webfonts work in Chrome but not Firefox. However, if I upload the site to my server and view the file in…
Mike
  • 1,718
  • 3
  • 30
  • 58
0
votes
1 answer

How do browser get the required font file?

I was searching through the net and couldn't find the exact answer. How do browsers get the exact .ttf file for a font family specified in the css? Does it already have it in its code or does it pick from the user's system. I guess we can always…
Bhumi Singhal
  • 8,063
  • 10
  • 50
  • 76
0
votes
2 answers

Changing my web-font in css caused a my old font-size values defined in "em" to be inaccurate. How to fix it?

I have a lot of css class where I redefine font sizes, example: .ko {font-size:2.2em;} .szik {font-size:2.8em} Now I replace my default font with a custom one, I define a new one: @font-face { font-family: BebasNeue; src:…
flatronka
  • 1,061
  • 25
  • 51
0
votes
1 answer

@font-face issue in IE7

I've got a crush on a certain font named "Kimberly" and I'm trying to use it on a heading / motto of a website. Applying the @font-face css rule worked for all browsers except IE7 where the heading isn't displayed at all, not even with a fallback…
DanCapitanDePlai
  • 457
  • 2
  • 6
  • 19
0
votes
1 answer

Typekit font not loading in webkit browsers

I'm using two fonts from typekit: font-family:"proxima-nova", Arial, Helvetica, sans-serif; - WORKS OK and font-family:"garamond-premier-pro", Georgia, serif; - DOESN'T DISPLAY While Proxima Nova loads ok - Garamond Premier Pro fails to load -…
easwee
  • 15,757
  • 24
  • 60
  • 83
0
votes
1 answer

Random letter spacing when using font-face

I'm using CSS like this: @font-face { font-family: Chocolat; src: url('../fonts/chocolat.eot'); src: url('../fonts/chocolat.eot?#iefix') format('embedded-opentype'), url('../fonts/chocolat.woff') format('woff'), …
eselk
  • 6,764
  • 7
  • 60
  • 93
0
votes
1 answer

Google Webfonts loading randomly in an HTML5 Game Canvas

I have an HTML5 game project I'm currently working on, and since Arial didn't seem fancy enough for the interface, I have been trying to get two Google Webfonts working, in order to enhance my game design. I am trying to use these in…
Cécile Fecherolle
  • 1,695
  • 3
  • 15
  • 32
0
votes
2 answers

font-weight over a font-face not working?

I am trying to make a text thinner and i have seen it working properly on a website. http://www.freshthemes.net/demo/backbone/about-us/ (Under company overview) This is the style I am using: .intro p{ text-align: justify; margin-bottom:…
Alvaro
  • 40,778
  • 30
  • 164
  • 336
0
votes
2 answers

ie9 webfonts not loading

I've tried all the other solutions provided here and elsewhere and I'm still having issues with webfonts loading in ie9. Implemented the fix to the .htaccess file: Header set…
user127181
  • 735
  • 3
  • 11
  • 32
1 2 3
…
99 100