Google网络字体存储在本地与在线来源中

2018-06-03 05:50:02

当我在我的CSS文件中使用@import规则添加google web字体时，它工作正常。

但是，当我下载该字体并将其存储在本地服务器中，然后将@ font-face规则指向我自己的机器时，它不起作用。

所以我所做的是在我的css / fonts.css文件中替换这一行：

@import url(http://fonts.googleapis.com/css?family=Michroma);

有了这个：

@font-face {
font-family: 'Michroma';
font-style: normal;
font-weight: 400;
src: url(http://localhost/xampp/mysite/css/fonts/michroma/micrhoma.woff) format('woff');
}

换句话说，我只是从googleapi复制了该字体的代码。我将字体文件（.woff）保存在上面的路径中（我已经重新检查过，它的确在那里）。

我尝试编辑这个网址，但没有好的：

src: url(fonts/michroma/michroma.woff) format('woff');

我无法相信，如果我们在本地使用Google Web字体，Google Web字体将无法正常工作，所以我在做什么时会出现问题。线索？这不是我们如何定义自己的字体？（我从来没有尝试过）。

如评论所示，问题的原因是拼写错误的URL中的字体名称。

这是本地使用Google字体的一种方法。正确的方法是使用像fonts / michroma / michroma.woff这样的相对URL而不是http：URL与localhost（它们会要求你在你的计算机上运行一个HTTP服务器）。

但是，它不适用于不支持WOFF格式的浏览器（在这种情况下）。通常，将Google字体作为远程托管使用会更好，因为他们知道如何为不同的浏览器提供不同的字体格式。参看我应该在本地存储由Google Web Fonts API生成的CSS吗？

在单一字体中，不需要字体系列名称的引号。你应该删除并运行它将正常工作。 font-family：Michroma;

链接地址: http://www.djcxy.com/p/11161.html

上一篇: Google web fonts stored locally versus online source

下一篇: Is there a smarter way to disable Doctrine2 filters in Symfony2.1?