@ font-face在Internet Explorer 7中的问题 [英] @font-face problems in Internet Explorer 7

问题描述

我有一个问题与font-squirell生成@ font-face代码我的一个网站。该字体不显示在Internet Explorer 7中。与其他浏览器，它工作很好。
地址是： http://www.mrsherskin.com

  @ font-face {
 font-family：'PFRondaSeven'; 
 src：url（'font / pf_ronda_seven-webfont.eot'）; 
 src：url（'font / pf_ronda_seven-webfont.eot？iefix'）格式（'eot'），
 url（'font / pf_ronda_seven-webfont.woff' 
 url（'font / pf_ronda_seven-webfont.ttf'）format（'truetype'），
 url（'font / pf_ronda_seven-webfont.svg＃webfont7vFUbybx'）format（'svg'）; 
 font-weight：normal; 
 font-style：normal; 
} 
 
 @ font-face {
 font-family：'PFRondaSeven'; 
 src：url（'font / pf_ronda_seven_bold-webfont.eot'）; 
 src：url（'font / pf_ronda_seven_bold-webfont.eot？iefix'）format（'eot'），
 url（'font / pf_ronda_seven_bold-webfont.woff'）format（'woff' 
 url（'font / pf_ronda_seven_bold-webfont.ttf'）format（'truetype'），
 url（'font / pf_ronda_seven_bold-webfont.svg＃webfont2zOjOL6G'）format（'svg'）; 
 font-weight：bold; 
 font-style：normal; 
} 
 
 / * basic font-set * / 
 
 body {font-family：'PFRondaSeven'; font-size-adjust：0.62; } 
  

这很奇怪，因为我有另一个网站，我用这种方法，它的工作完美。 p>

有任何帮助吗？可能的问题是什么？

解决方案

尝试这样：

  @ font-face {
 font-family：'Avenir'; 
 src：url（'avenirl8-webfont.eot'）; 
 src：local（'☺'），url（'avenirl8-webfont.woff'）format（'woff'），url（'avenirl8-webfont.ttf'）format（'truetype'），url avenirl8-webfont.svg＃webfontIFZXxqn6'）format（'svg'）; 
 font-weight：normal; 
 font-style：normal; 
} 
  

将字体替换为您自己的字体并为粗体字体添加声明太。它应该工作;）

I have a problem with the font-squirell generated @font-face code for one of my sites. The font doesn't show up in Internet Explorer 7. With other browsers it works nicely. The address is: http://www.mrsherskin.com

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

@font-face {
    font-family: 'PFRondaSeven';
    src: url('font/pf_ronda_seven_bold-webfont.eot');
    src: url('font/pf_ronda_seven_bold-webfont.eot?iefix') format('eot'),
         url('font/pf_ronda_seven_bold-webfont.woff') format('woff'),
         url('font/pf_ronda_seven_bold-webfont.ttf') format('truetype'),
         url('font/pf_ronda_seven_bold-webfont.svg#webfont2zOjOL6G') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* basic font-set */

body { font-family: 'PFRondaSeven'; font-size-adjust: 0.62; }

It's strange because I have another site that I made with this method and it works perfectly.

Any help, please? What could be the problem?

解决方案

Try this instead :

@font-face {
font-family: 'Avenir';
src: url('avenirl8-webfont.eot');
src: local('☺'), url('avenirl8-webfont.woff') format('woff'), url('avenirl8-webfont.ttf') format('truetype'), url('avenirl8-webfont.svg#webfontIFZXxqn6') format('svg');
font-weight: normal;
font-style: normal;
}

Replacing the font with your own of course and adding a declaration for the bold font too. It should work ;)

这篇关于@ font-face在Internet Explorer 7中的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！