Question

我正在努力为此网站加载@ font-face。有人知道发生了什么吗？

我尝试使用font squirrel中的css，但这也没有用，所以我尝试了一个更简单的代码，希望能有效，但到目前为止还没有运气。

OLDER CSS（无效）

@font-face {
 font-family: 'CartoGothicStdBold';
 src: url('CartoGothicStd-Bold-webfont.eot');
 src: local('☺'), url('CartoGothicStd-Bold-webfont.woff') format('woff'), url('CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg');
 font-weight: normal;
 font-style: normal;
}

NEWER CSS（仍然不起作用）

@font-face {
font-family: 'CartoGothicStdBold'; 
src: url(css/fonts/CartoGothicStd-Bold.otf) format("opentype");
}


.b-nb {
 float: left;
 width: 100%;
 font-size: 1.25em;
 color: grey;
 font-family:'CartoGothicStdBold', serif;
}

我在这里测试它： http://drewlepp.com/testing/laa/LAA%20studio/index.html

感谢!!!!

Answer 1

老问题，但无论如何我都会指出你正确的答案（以防其他人偶然发现）

较旧的CSS对我来说很好看。但是如果您使用IE9并使用私有字体，您将在IE9的控制台中看到错误。所以你需要做这个bloke在这里做的事情：@font-face works in IE8 but not IE9

Answer 2

@font-face {
    font-family: 'Tangerine';
    src: local('Tangerine'), url('/fonts/Tangerine_Regular.ttf') format('truetype');
}

试试这个。我在自己的网站上使用这种方式

@ font-face无效

2 个答案: