Mac上的Firefox 3.5和@ font-face [英] Firefox 3.5 on a Mac and @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屋！