使用@ font-face规则,IE中不会显示特殊字符

时间:2014-09-18 13:55:05

标签: html5 css3 fonts font-face

我正在使用@ font-face规则,它在chrome和firefox上运行得很好,但是在IE中打开时它不会读取特殊字符(ć,č,š..)。是因为字体格式吗?我认为问题是在.eot,但如果我删除它,那么它将无法在IE中打开。有没有人有任何想法?

这是我的代码:

@font-face {
    font-family: 'sommet_roundedregular';
    src: url('sommet_rounded_regular.otf'),
         url('sommet_rounded_regular-webfont.eot'),
         url('sommet_rounded_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sommet_rounded_regular-webfont.woff2') format('woff2'),
         url('sommet_rounded_regular-webfont.woff') format('woff'),
         url('sommet_rounded_regular-webfont.ttf') format('truetype'),  
         url('sommet_rounded_regular-webfont.svg#sommet_roundedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

1 个答案:

答案 0 :(得分:1)

使用这种风格

@字体面{

@font-face {
    font-family: 'sommet_roundedregular';
    src: url('sommet_rounded_regular.otf');
    src:
         url('sommet_rounded_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sommet_rounded_regular-webfont.woff2') format('woff2'),
         url('sommet_rounded_regular-webfont.woff') format('woff'),
         url('sommet_rounded_regular-webfont.ttf') format('truetype'),  
         url('sommet_rounded_regular-webfont.svg#sommet_roundedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

将您的代码更改为

<mete>

为什么&#34; woff&#34;!? 不需要。

注意<meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 使用:

<p>\u0200</p> for È

头标记。

结束

使用unicode

select col1, col2, ... order by col1, col2, ...