一直想给自己的网站加用文泉字体,用了 Fontmin 工具生成 fontface 后,网站加载更慢了! 有没有一种方式,即可以使用文泉字体,又不影响网站的加载速度! 麻烦各位帮忙支支招呢!
1
yangg 2017 年 7 月 16 日 via iPhone
学 js
|
3
ferrum 2017 年 7 月 16 日 楼主你难道没有意识到,你的做法和需求本身就是矛盾的吗?
使用 webfont => 网站体积增大 => 加载速度降低。 把字体放 CDN 上,能快一点点。 但据我观察,一般网站(除去有大量广告和广告跟踪的网站)里,最影响加载速度的就是 web font,某些时候 web font 的加载占比时长能占到整个加载时间的 80%。 |
4
wql 2017 年 7 月 16 日 via Android
不如不用字体……
|
5
DeHoo OP |
7
Shura 2017 年 7 月 16 日 via Android
不可能,楼主你这是"又要马儿跑,又要马儿不吃草"
|
9
laogui 2017 年 7 月 16 日
中文字体加载到网站上?
|
10
ghostheaven 2017 年 7 月 16 日 via Android
纯脑洞:纯静态网站是不是可以用 webpack 只把用到的文字字体拆出来,这样应该会小很多
|
11
ghostheaven 2017 年 7 月 16 日 via Android
呃,原来 fontmin 就是干这个的,尴尬了
|
12
GG668v26Fd55CP5W 2017 年 7 月 16 日 via iPhone
fontmin 也不要整太大的字体文件,把整个字库都做了肯定不行
|
13
jhaohai 2017 年 7 月 16 日 via iPhone
这就是为啥大家都喜欢用 google fonts,字体一般都预加载好了,另外 google fonts 还提供中文字体思源
|
14
DeHoo OP @ghostheaven 是动态的网站,不是静态的,如果是纯静态,我就没有这个必要了!
|
15
DeHoo OP @ghostheaven 哈哈!
|
18
lyhiving 2017 年 7 月 16 日 via Android
字体下载时间占 30%,渲染的耗时才是惊人的
|
20
wolfan 2017 年 7 月 16 日 via Android
这个和字蛛有什么区别不?
|
23
leopku 2017 年 7 月 16 日
有提取用到文字为单独字体文件的,加载时间大大缩减
|
24
ijse 2017 年 7 月 16 日
转成 inline svg 好像会小一点,就是把每个文字作为 svg 图形对待,
由于浏览器不会作为文字对待,渲染应该也会快一点 |
25
49degree 2017 年 7 月 16 日
Google 搜索:字体子集化( https://www.google.com/search?q=字体子集化)
|
27
ynyounuo 2017 年 7 月 16 日
所以好多回复的大佬都不知道 fontmin 是干什么的么 - -
|
28
yidinghe 2017 年 7 月 16 日 via Android
楼主如果只是页面上少数几个字用这个字体还好,但要是全站所有内容都用,岂不是这个 webfont 要包含至少几千个汉字?这得多大啊。
|
29
TrustyWolf 2017 年 7 月 17 日 |
30
em2046 2017 年 7 月 17 日
只设置字体名称
给安装了字体的人看到,没安装字体的爱显示啥显示啥 |
31
DeHoo OP @TrustyWolf 很好很好!哈哈
|
33
BWV478 2017 年 7 月 17 日 via iPhone
@TrustyWolf 多谢
|