Mac上的Firefox 3.5和@ font-face [英] Firefox 3.5 on a Mac and @font-face
本文介绍了Mac上的Firefox 3.5和@ font-face的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我遇到了@ font-face的问题。它实际上完美地运行在Safari浏览器,Internet Explorer 7 +和Firefox的Windows,但不是所有Firefox上的Mac。
我使用bulletproof @ font-
这是我的代码:
@ font-face {
font-family:QlassikMediumRegular;
src:url(../ fonts / Qlassik_TB.eot);
src:local(Qlassik Medium Regular),local(QlassikMedium),url(../fonts/Qlassik_TB.ttf)格式(truetype)
}
@ font-face {
font-family:QlassikBoldRegular;
src:url(../ fonts / QlassikBold_TB.eot);
src:local(Qlassik Bold Regular),local(QlassikBold),url(../fonts/QlassikBold_TB.ttf)格式(truetype)
}
我通常使用更多扩展的@ font-face声明: @ 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')格式('woff'),
url('../ fonts / typeo-webfont.ttf')格式('truetype'),
url('../ fonts / typeo-webfont.svg #webfonty9r23iiq')format('svg');
font-weight:normal;
font-style:normal;
$ b 您可以尝试在 http://www.fontsquirrel.com/fontface/generator
I'm having a problem with @font-face. It actually works flawlessly on Safari, internet explorer 7+ and Firefox for windows but not at all on firefox for mac.
I'm using code from the bulletproof @font-face article
Here's 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 in question: link text
解决方案 I typically use a 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 could try generating at http://www.fontsquirrel.com/fontface/generator
这篇关于Mac上的Firefox 3.5和@ font-face的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文