一直想给自己的网站加用文泉字体,用了 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 ![]() 楼主你难道没有意识到,你的做法和需求本身就是矛盾的吗? 使用 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 GG668v26Fd55CP5W 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 ![]() |
![]() | 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 多谢 |