0

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

这里是离线使用的谷歌代码，它适用于桌面和移动设备，

<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>

即使有正确的 ID 等，SVG 也不起作用，这是字体问题吗？还是我想念的东西？

提前致谢。

4

2 回答 2

4

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

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

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

您的代码应该可以工作，至少在支持 WOFF 文件的地方。不过有一件事，您需要像这样编写正文字体系列：

font-family: 'Keania One';
于 2013-03-22T08:40:50.387 回答
0

I'm still new with all this but I hope this can help a little bit. If you could download the font you want to use you can go to Fontsquirrel they offer a free service for converting your own fonts you have to web fonts and you can download the web kit. So maybe if you make your own web font kit and use that instead somehow it may fix it. Hopefully this helps, my apologies if it doesn't.

于 2013-03-21T18:13:41.230 回答