Google Web字体和woff

Question

谷歌只提供woff版本的字体，而且在iOS设备上渲染没有任何问题。但是如果同样的Google代码使用了自己的woff字体，它就会停止工作。

这是离线使用的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，他们提供了一个免费的服务，可以将你自己的字体转换成web字体，你还可以下载web套件。所以，如果你制作自己的web字体工具包，并使用它，它可能会以某种方式修复它。希望这会有帮助，如果没有的话，我很抱歉。