Question

我在网站上使用webfonts已经有一段时间了。（我的网站正在使用WordPress。）

由于压缩效果更好，我对使用WOFF2非常感兴趣。目前，我正在使用Noto Sans日语（通过谷歌字体）获取日语文本。

但是，我更喜欢字体M+ C Type-2，因为日本字形在小尺寸（16px）上看起来要好得多。我已经添加了字体提示并将上面的字体转换为WOFF2和WOFF成功。

然后我发现了Google字体API serves a different CSS file for each browser。

我正在将我想要的字体上传到Google云端硬盘，我想通过像这样的动态CSS来提供它们。我该怎么办？

Answer 1

如果您想这样做，则需要服务器端代码，但在使用Google云端硬盘时，您可能需要添加更多字体扩展名，以便每个浏览器都使用正确的字体扩展名。

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

使用FontSquirrel字体生成器，它非常受欢迎。

生成像Google字体一样的CSS文件

1 个答案: