Geek Answers Handbook

Firefox 3.5 on Mac and @ font-face

I have a problem with @ font-face. It really works flawlessly in Safari, Internet Explorer 7+, and Firefox for windows, but not at all on firefox for mac.

I use the code from the article with bulletproof font @ font-face

Here is my code:

@font-face { font-family: "QlassikMediumRegular"; src: url("../fonts/Qlassik_TB.eot"); src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype") } @font-face { font-family: "QlassikBoldRegular"; src: url("../fonts/QlassikBold_TB.eot"); src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype") }

Here is the link to my site: link text

+6
firefox font-face macos
source share
2 answers

I usually use the more extended @ font-face declaration:

 @font-face { font-family: 'TypewriterOldstyle'; src: url('../fonts/typeo-webfont.eot'); src: url('../fonts/typeo-webfont.eot?#iefix') format('eot'), url('../fonts/typeo-webfont.woff') format('woff'), url('../fonts/typeo-webfont.ttf') format('truetype'), url('../fonts/typeo-webfont.svg#webfonty9r23iiq') format('svg'); font-weight: normal; font-style: normal; }

You can try creating http://www.fontsquirrel.com/fontface/generator

+2
source share

If the same problem, the font gave a 301 error, since I did not have access to the font file.

What works best for me is to put the font file in the same directory as the .css file, without any problems with anny.htaccess or another server configuration file.

So, I have one external fonts.css file containing the entire line of css font in the font directory. Then I can include this .css file on the page, I would like to use this font. Make sure that you do not create an additional directory so that you can call the font without the anny directory.

Additional information: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

0
source share

More articles:


All Articles