文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5离线缓存google字体api

问HTML5离线缓存google字体api
EN

Stack Overflow用户

提问于 2010-05-21 22:30:18

回答 2查看 8.5K关注 0票数 7

我正在尝试创建一个HTML5离线测试应用程序，同时也在使用新的google fonts api。有谁知道如何缓存远程字体吗？简单地将api调用放在缓存清单中是行不通的，我认为这是因为api实际上加载了其他文件(ttf、eot等)。

如果离线使用字体api，你有什么想法吗？

作为参考，这是我正在进行的调用：

http://fonts.googleapis.com/css?family=IM+Fell+English|Molengo|Reenie+Beanie

html

offline

font-face

caching

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-05-23 00:55:02

如果您将该URL粘贴到浏览器地址栏中，您将看到CSS链接到的文件：

http://themes.googleusercontent.com/font?kit=txVk61PTIsDrQQj2fK-76Q
http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamX_cCQibwlboQP4eCflnqtq0
http://themes.googleusercontent.com/font?kit=xwIisCqGFi8pff-oa9uSVOj-KzHqS7w8OFmqoAXdQwE

票数 6

Stack Overflow用户

发布于 2012-06-15 20:05:56

罗伯特克的方法是解决方案..。

即，将google提供的链接粘贴到您的浏览器中，然后添加任何引用到您的清单中的文件。

在我的案例中，我引用了

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

它只由以下样式定义组成

@font-face {
    font-family: 'Patua One';
    font-style: normal;
    font-weight: 400;
    src: local('Patua One'), local('PatuaOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/patuaone/v3/yAXhog6uK3bd3OwBILv_SD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

因此，要让字体在缓存时工作(无论离线与否)，您必须将'src‘中引用的URL添加到清单中。

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2882954

复制

相似问题

问HTML5离线缓存google字体api
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5离线缓存google字体apiEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5离线缓存google字体api
EN