2

我在我正在处理的网站上加载自定义字体时遇到了一些问题。

似乎在 Chrome 中工作，但就是这样......

https://andstones.site-ym.com/

我附上了一个自定义样式表，

<link charset="utf-8" type="text/css" href="http://www.korymathewson.com/fonts/styles.css" rel="stylesheet">

在我写的样式表中：

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

然后我称之为字体系列..

h1.fontface {
    font: 60px/68px 'ChunkFiveRegular', Arial, sans-serif;
    letter-spacing: 0;
}

p.style1, #MainMenu {
    font: 18px/27px 'ChunkFiveRegular', Arial, sans-serif !important;
}

但它仍然没有出现在 Firefox 或 IE 中……您可以提供任何帮助或建议吗？

4

2 回答 2

4

Firefox 仅允许与请求它的站点位于同一域中的嵌入字体。这里有一个（某种）解决方法：

http://openfontlibrary.org/wiki/Web_Font_linking_and_Cross-Origin_Resource_Sharing

您可能想尝试使用http://www.fontsquirrel.com/让您将字体本身嵌入到 CSS 中——非常有用！

希望这可以帮助

于 2010-08-31T14:03:24.727 回答
2

是什么92p？一个节点还是一个类？CSS 类/ID 名称不能以数字开头。

于 2010-08-24T19:04:38.827 回答