html - 让 Gill Sans 在 IE 中正常显示

Question

我正在开发一个使用 Gill Sans 字体的网站。到目前为止，它在 Chrome 和 Firefox 上正确显示，但在 IE 中显示不正确。这是 CSS:

@font-face {font-family:"Gill Sans"; 
src:url(../../GillSansStd.otf);}
@font-face {font-family:"Gill Sans"; 
font-weight:bold; src:url(../../GillSansStd-Bold.otf);}
@font-face {font-family:"Gill Sans"; 
font-style:italic; src:url(../../GillSansStd-Italic.otf);}

我尝试将 .otf 转换为 .eot 并为 IE 添加条件语句，但我也无法让它工作。我不太了解字体，所以请原谅，但如果有人能帮助我，我将不胜感激。

Answer 1

当使用由两个单词组成的 FONT 类型时，必须在它们上面加上引号，这样浏览器就不会将它们作为单独的条目读取。

@font-face {font-family:""Gill Sans""; 
src:url(../../GillSansStd.otf);}
@font-face {font-family:""Gill Sans""; 
font-weight:bold; src:url(../../GillSansStd-Bold.otf);}
@font-face {font-family:""Gill Sans""; 
font-style:italic; src:url(../../GillSansStd-Italic.otf);}

可以在此处找到更多示例:CSS Font Styles