Question

Google仅提供其字体的woff版本，并且在iOS设备上呈现没有任何问题。但如果使用自己的woff字体的相同Google代码，则会停止工作。

这里有离线使用的Google代码，它可以在桌面和桌面上使用移动，

<style type="text/css">
@font-face {
font-family: 'Keania One';
font-style: normal;
font-weight: 400;
src: local('Keania One'), url(Xs0xx5kHUREmTXw6nnDuChsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
font-family: Keania One;
font-size: 150px;
}
</style>

SVG不起作用即使拥有正确的ID等，这是一个字体问题吗？或者我错过的东西？

提前致谢。

Answer 1

像这样的Google Webfont代码看起来像是指向静态CSS文件的链接。

<link href='http://fonts.googleapis.com/css?family=Gabriela'
 rel='stylesheet' type='text/css'>

然而，事实并非如此。它是一个检测您的操作系统和浏览器的脚本，根据浏览器支持的内容生成正确的字体CSS。它很聪明，因为它只加载支持的文件。

您的代码应该可以工作，至少支持WOFF文件。但有一点，你需要像这样编写body font-family：

font-family: 'Keania One';

Answer 2

我仍然对这一切都很新，但我希望这可以帮助一点点。如果你可以下载你想要使用的字体，你可以去Fontsquirrel他们提供免费服务，将你自己的字体转换为网络字体，你可以下载网络工具包。因此，如果您制作自己的网络字体工具包并使用它而不知何故可能会修复它。希望这会有所帮助，如果不这样做，我表示道歉。

谷歌网络字体和woff

2 个答案: