Question

我正在使用 font-family“angelina”。它在本地服务器上正常工作。但它不适用于实时服务器。它也只在我的计算机上工作在实时服务器上。但它不适用于任何其他计算机。我在其他计算机上的所有浏览器中检查它但它不起作用。我正在使用像这样的CSS代码

@font-face {
font-family: MyCustomFont;
src: url("ANGELINA.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("ANGELINA.TTF") /* TTF file for CSS3 browsers */
}
.test_font{
    font-family: angelina;
    font-size: 36px;
    font-weight: bold;
}

Answer 1

您需要在服务器上使用各种字体扩展来支持所有浏览器。

@ font-face { font-family：MyCustomFont;

src: url('ANGELINA.eot');
src: url('ANGELINA.eot?') format('&#9786;'),
     url('ANGELINA.woff') format('woff'),
     url('ANGELINA.ttf') format('truetype'),
     url('ANGELINA.svg#webfontssbCkuz5') format('svg');

}

您可以在此网站上找到所有字体扩展名http://www.google.com/webfonts

Answer 2

应该是：

@font-face {
font-family: angelina;
src: url("ANGELINA.eot") /* EOT file for IE */
}
@font-face {
 font-family: angelina;
 src: url("ANGELINA.TTF") /* TTF file for CSS3 browsers */
}

如果您想致电font-family: angelina;

字体系列在实时服务器上无法正常工作

2 个答案: