0

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

由于更好的压缩，我对使用 WOFF2 非常感兴趣。目前，我正在使用 Noto Sans Japanese（通过 Google Fonts）来处理日文文本。

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

然后我发现 Google Fonts API为每个浏览器提供不同的 CSS 文件。

我正在将我想要的字体上传到 Google Drive，并且我想通过这样的动态 CSS 为它们提供服务。我应该怎么做？

4

1 回答 1

0

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

@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字体生成器，它非常受欢迎。

于 2014-11-07T11:12:47.997 回答