HTML5离线缓存谷歌字体API

Question

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

任何想法,如果使用字体api离线是可能的？

作为参考,这是我正在制作的电话:

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

Answer 1

如果您将该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

Answer 2

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

即,将谷歌提供的链接粘贴到您的浏览器中,然后添加引用到您的清单中的任何文件.

就我而言,我引用了

<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添加到清单中.