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