Does @ font-face work in all browsers?

Does @ font-face work in all browsers?

How can i use @ font-face?

+6
html css font-face
source share
4 answers

Check out: @ font-face browser support

Webkit / safari

Opera

Internet explorer

Mozilla / Firefox

  • with firefox 3.5
  • Font formats
    • TrueType / OpenType TT (.ttf)
    • OpenType PS (.otf)
    • WOFF (since Firefox 3.6)
  • Wiki Code Samples

Google chrome

  • Chrome 4.0 has a stable version. As of January 25, 2010
  • In Chrome 3.0, you can run the executable using the command line: --enable-remote-fonts 1
  • It was disabled by default for security review: 2 [3], [4]
  • Read more about chrome and @ font-face here
  • Font formats
    • TrueType / OpenType TT (.ttf)
    • OpenType PS (.otf)
    • WOFF from version 6

Netscape

Regarding usage, check this out:

+11
source share

Not all browsers, but all large ones (Chrome, IE, FireFox, Opera, Safari). A Sarfraz message shows what it will work with.

Here is an example of how to use it:

@font-face { font-family: DeliciousRoman; src: url(/Delicious-Roman.otf); } 
+1
source share

I highly recommended you use http://www.fontsquirrel.com/fontface/generator to create fonts and CSS to use.

It will work in all browsers instantly. I tried to fix it myself, but there are some unpleasant differences. Also, this worked too much in the Android browser, and IE8 and below was complicated.

Using the website above, you will quickly earn it without any javascript or other hacks.

+1
source share
0
source share

All Articles