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 字体样式

Answer 2

有关使用 Gills Sans 作为网络字体的信息，请参阅 fonts.com 。

请注意，Gill Sans 字体的正常许可不允许用作 Web 字体，并且某些浏览器可能会强制执行此法律限制作为技术限制。