我明白我可以通过html / css导入我的字体,但我想知道这是否是一个可实现的方法。
谢谢!
解决方法
是的,如果您向清单文件添加字体,它们将与其余文件一起下载,然后脱机使用。您的离线应用程序的同一台服务器需要使用这些字体,因为您无法缓存您的域上的资源。例如,您无法缓存Google Web字体。我一直在做一些测试,似乎来自Google的字体在Chrome和Opera,
only Firefox has problems上都被缓存。对于清单,“不在您的域上”的限制仅在通过HTTPS提供时才适用。
您仍然需要在CSS中使用@ font-face规则引用字体,以便它们在您的页面中使用。例如,在您的清单文件中:
CACHE MANIFEST # v1 index.html style.css GenBasR-webfont.eot GenBasR-webfont.woff GenBasR-webfont.ttf GenBasR-webfont.svg
在style.css中
@font-face { font-family: 'GentiumBasicRegular'; src: url('GenBasR-webfont.eot'); src: url('GenBasR-webfont.eot?iefix') format('eot'),url('GenBasR-webfont.woff') format('woff'),url('GenBasR-webfont.ttf') format('truetype'),url('GenBasR-webfont.svg#webfontLblSsz1O') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'GentiumBasicRegular'; }
从Font Squirrel获取Gentium文件。