我的代码有:
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
但我有时会发现googleapis在我的地区很慢。我可以从我自己的服务器托管这些字体吗?
答案 0 :(得分:1)
快速回答:是
快速的谷歌搜索向我展示了这些信息。
信息页面:
http://www.google.com/fonts/specimen/Source+Sans+Pro
https://www.google.com/fonts/specimen/Source+Code+Pro
它们都属于SIL Open Font License,1.1
此许可证不会施加太多限制,并允许您在网站上托管字体。
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=ofl-faq_web#23261834
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=ofl-faq_web#c26665c2
答案 1 :(得分:1)
是的,你可以。但这样做比在服务器上保存CSS和字体文件要复杂一些。
问题是,不同的浏览器使用不同的字体格式。 Google通过使用不同的字体文件提供CSS规则来解决这个问题,具体取决于用户代理。
要支持所有浏览器,您需要TTF,WOFF,WOFF2,EOT和SVG格式的字体文件。但谷歌下载字体文件变得非常困难。在google fonts网站上,您只能将字体下载为TTF。
此外,您还需要跨浏览器CSS规则,因为您可能无法轻松实现用户代理检测。
要检索从Google请求具有不同用户代理的CSS文件所需的所有格式。 Here是一篇过时的博客文章,其中列出了一些要使用的用户代理字符串。与此同时,添加了WOFF2并实际获得EOT,您现在需要发送IE6用户代理。 IE7 +现在将导致WOFF。
您可以使用工具http://www.localfont.com/轻松下载所有字体格式和相应的X-Browser CSS。
答案 2 :(得分:0)
你必须在服务器上托管css文件,而且你必须编写代码,因为它无法从服务器加载,然后从一些本地存储中提取,或者你提供了另一个服务器链接。
答案 3 :(得分:-1)
在谷歌字体的右上角标有红色,有一个下载链接。