首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否可以通过脱机存储缓存清单加载Web字体?

是否可以通过脱机存储缓存清单加载Web字体?
EN

Stack Overflow用户
提问于 2018-04-25 04:25:54
回答 1查看 0关注 0票数 0

我知道我可以通过html / css导入我的字体,但我想知道这是否可行。

EN

回答 1

Stack Overflow用户

发布于 2018-04-25 13:43:28

你仍然需要@font-face在CSS中使用规则引用字体,以便在页面中使用它们。例如,在你的manifest文件中:

代码语言:javascript
复制
CACHE MANIFEST
# v1
index.html
style.css
GenBasR-webfont.eot
GenBasR-webfont.woff
GenBasR-webfont.ttf
GenBasR-webfont.svg

在style.css中:

代码语言:javascript
复制
@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';
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100003308

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档