我真的不明白发生了什么。
我正在使用 Font Squirrel 的 @Font Face Packs,它在Firefox和IE中不起作用,但它在Chrome和Android 的浏览器中完美运行,我还没有尝试过 Safari。这些包应该可以无缝工作,这就是它们的全部意义,但事实并非如此。
所以这是我的代码
<link rel="stylesheet" href="https://dl.dropbox.com/u/70582811/Fonts/Orotund-fontfacekit/Orotund.css" type="text/css"/>
和
p{
font-family: OrotundHeavy,Georgia,Serif;
}
这仅影响 Chrome 中的字体,您可以在此处查看
提前致谢。
@font-face {
font-family: 'OrotundHeavy';
src: url('Orotund-webfont.eot');
src: url('Orotund-webfont.eot?#iefix') format('embedded-opentype'),
url('Orotund-webfont.woff') format('woff'),
url('Orotund-webfont.ttf') format('truetype'),
url('Orotund-webfont.svg#OrotundHeavy') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OrotundCapitalsHeavy';
src: url('OrotundCaps-webfont.eot');
src: url('OrotundCaps-webfont.eot?#iefix') format('embedded-opentype'),
url('OrotundCaps-webfont.woff') format('woff'),
url('OrotundCaps-webfont.ttf') format('truetype'),
url('OrotundCaps-webfont.svg#OrotundCapitalsHeavy') format('svg');
font-weight: normal;
font-style: normal;
}