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

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('☺'),
     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;