解决方法
是的,如果您向清单文件添加字体,它们将与其余文件一起下载,然后脱机使用。您的离线应用程序的同一台服务器需要使用这些字体,因为您无法缓存您的域上的资源。例如,您无法缓存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文件。
原文地址:https://www.jb51.cc/html5/168961.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。