Question

我试图在网页上使用Font Squirrel的以下webfont工具包 - http://www.fontsquirrel.com/fonts/DJ-Gross

在Webfont套件上＆＃39;在上面的标签页上，我选择了“没有子集化”＆＃39;形成下拉菜单，然后点击下载@FONT_FACE KIT＆＃39;

我认为font squirrel很适合为你设置@ font-face声明，所以我在我的css中使用了这个并移动了字体文件（.eot，.svg，.ttf和.woff）到我的网站上使用的适当目录，在那里可以正确地引用文件路径。

此字体在Safari中呈现，但不在Chrome中呈现

忽略我的网页，可以通过打开Font Squirrel下载附带的DJGROSS.html文件来重现。同样，这个演示适用于Safari但不适用于Chrome，我根本没有触及这个代码：）

修改

@font-face {
  font-family: 'dj_grossnormal';
  src: url('DJGROSS-webfont.eot');
  src: url('DJGROSS-webfont.eot?#iefix') format('embedded-opentype'),
       url('DJGROSS-webfont.woff') format('woff'),
       url('DJGROSS-webfont.ttf') format('truetype'),
       url('DJGROSS-webfont.svg#dj_grossnormal') format('svg');
  font-weight: normal;
  font-style: normal;

}

所有字体文件都与我的style.css文件位于同一目录中，其中@ font-face声明为

Answer 1

如果您打开开发控制台并查看浏览器从您的站点中提取的文件，您将能够看到它是否正在下载safari中的字体文件。这样的更多信息将有助于我们回答您的问题。

Answer 2

正在运行......看看这个image尝试清理Google Chrome！

Safari中的字体加载但不是Chrome

2 个答案: