一直想给自己的网站加用文泉字体,用了 Fontmin 工具生成 fontface 后,网站加载更慢了! - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
DeHoo
V2EX    问与答

一直想给自己的网站加用文泉字体,用了 Fontmin 工具生成 fontface 后,网站加载更慢了!

  •  
  •   DeHoo 2017-07-16 10:48:17 +08:00 3531 次点击
    这是一个创建于 3009 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一直想给自己的网站加用文泉字体,用了 Fontmin 工具生成 fontface 后,网站加载更慢了! 有没有一种方式,即可以使用文泉字体,又不影响网站的加载速度! 麻烦各位帮忙支支招呢!

    33 条回复    2017-07-17 09:04:50 +08:00
    yangg
        1
    yangg  
       2017-07-16 10:50:18 +08:00 via iPhone
    学 js
    DeHoo
        2
    DeHoo  
    OP
       2017-07-16 10:57:41 +08:00
    @yangg JS 我会,JS 加载就不会慢吗?具体要怎么用?像有字库上面的用法?
    ferrum
        3
    ferrum  
       2017-07-16 11:09:19 +08:00   3
    楼主你难道没有意识到,你的做法和需求本身就是矛盾的吗?

    使用 webfOnt=> 网站体积增大 => 加载速度降低。

    把字体放 CDN 上,能快一点点。

    但据我观察,一般网站(除去有大量广告和广告跟踪的网站)里,最影响加载速度的就是 web font,某些时候 web font 的加载占比时长能占到整个加载时间的 80%。
    wql
        4
    wql  
       2017-07-16 11:12:03 +08:00 via Android
    不如不用字体……
    DeHoo
        5
    DeHoo  
    OP
       2017-07-16 11:18:12 +08:00
    @ferrum 是的,加载时间将了 80%以上,整个网站都加载好了,只有字体一直在加载中。。。。
    但是只是一个字体而已,放在 CDN 感觉又大材小用!
    如果实在没法,只能选择放 CDN 了
    DeHoo
        6
    DeHoo  
    OP
       2017-07-16 11:19:40 +08:00
    @wql 不放字体,有时候感觉网站要多丑就有多丑,只是为了让视觉舒服一点而已!
    Shura
        7
    Shura  
       2017-07-16 11:34:51 +08:00 via Android
    不可能,楼主你这是"又要马儿跑,又要马儿不吃草"
    DeHoo
        8
    DeHoo  
    OP
       2017-07-16 11:37:13 +08:00
    @Shura 好吧,@_@
    laogui
        9
    laogui  
       2017-07-16 11:49:40 +08:00
    中文字体加载到网站上?
    ghostheaven
        10
    ghostheaven  
       2017-07-16 12:17:46 +08:00 via Android
    纯脑洞:纯静态网站是不是可以用 webpack 只把用到的文字字体拆出来,这样应该会小很多
    ghostheaven
        11
    ghostheaven  
       2017-07-16 12:19:52 +08:00 via Android
    呃,原来 fontmin 就是干这个的,尴尬了
    GG668v26Fd55CP5W
        12
    GG668v26Fd55CP5W  
       2017-07-16 12:40:48 +08:00 via iPhone
    fontmin 也不要整太大的字体文件,把整个字库都做了肯定不行
    jhaohai
        13
    jhaohai  
       2017-07-16 12:42:57 +08:00 via iPhone
    这就是为啥大家都喜欢用 google fonts,字体一般都预加载好了,另外 google fonts 还提供中文字体思源
    DeHoo
        14
    DeHoo  
    OP
       2017-07-16 12:47:37 +08:00
    @ghostheaven 是动态的网站,不是静态的,如果是纯静态,我就没有这个必要了!
    DeHoo
        15
    DeHoo  
    OP
       2017-07-16 12:47:52 +08:00
    @ghostheaven 哈哈!
    DeHoo
        16
    DeHoo  
    OP
       2017-07-16 12:49:02 +08:00
    @falcon05 就只是弄文泉驿微米黑字体,其他字体都没有用,而这个字体就是 4M 多。。。。
    DeHoo
        17
    DeHoo  
    OP
       2017-07-16 12:49:22 +08:00
    @jhaohai 可惜现在不能用谷歌字体库了。。。。
    lyhiving
        18
    lyhiving  
       2017-07-16 12:50:20 +08:00 via Android
    字体下载时间占 30%,渲染的耗时才是惊人的
    BWV478
        19
    BWV478  
       2017-07-16 13:33:40 +08:00 via iPhone
    @jhaohai 在 google fonts 上没有找到中文字体啊,能给个链接吗?
    wolfan
        20
    wolfan  
       2017-07-16 14:16:34 +08:00 via Android
    这个和字蛛有什么区别不?
    DeHoo
        21
    DeHoo  
    OP
       2017-07-16 14:29:51 +08:00
    @wolfan 这个和字蛛差不多的,都是可以把 TTF 转换成 webfont 的!
    wolfan
        22
    wolfan  
       2017-07-16 14:38:06 +08:00 via Android
    @DeHoo 刚刚看了看,感觉还是比字蛛好用些,字蛛总是出奇奇怪怪的毛病。
    leopku
        23
    leopku  
       2017-07-16 14:55:32 +08:00
    有提取用到文字为单独字体文件的,加载时间大大缩减
    ijse
        24
    ijse  
       2017-07-16 15:43:55 +08:00
    转成 inline svg 好像会小一点,就是把每个文字作为 svg 图形对待,
    由于浏览器不会作为文字对待,渲染应该也会快一点
    49degree
        25
    49degree  
       2017-07-16 16:09:24 +08:00
    Google 搜索:字体子集化( https://www.google.com/search?q=字体子集化)
    wolfan
        26
    wolfan  
       2017-07-16 17:37:20 +08:00
    @DeHoo 额……,我收回先前说的,还是字蛛好用点,至少操作起来还是要简单些,虽然总出些奇奇怪怪的问题
    ynyounuo
        27
    ynyounuo  
       2017-07-16 18:59:50 +08:00
    所以好多回复的大佬都不知道 fontmin 是干什么的么 - -
    yidinghe
        28
    yidinghe  
       2017-07-16 23:27:23 +08:00 via Android
    楼主如果只是页面上少数几个字用这个字体还好,但要是全站所有内容都用,岂不是这个 webfont 要包含至少几千个汉字?这得多大啊。
    TrustyWolf
        29
    TrustyWolf  
       2017-07-17 04:06:34 +08:00   1
    em2046
        30
    em2046  
       2017-07-17 07:32:46 +08:00
    只设置字体名称
    给安装了字体的人看到,没安装字体的爱显示啥显示啥
    DeHoo
        31
    DeHoo  
    OP
       2017-07-17 09:03:45 +08:00
    @TrustyWolf 很好很好!哈哈
    DeHoo
        32
    DeHoo  
    OP
       2017-07-17 09:04:34 +08:00
    @yidinghe 用谷歌字体库里的思源字体!哈哈
    BWV478
        33
    BWV478  
       2017-07-17 09:04:50 +08:00 via iPhone
    @TrustyWolf 多谢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2678 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 02:30 PVG 10:30 LAX 19:30 JFK 22:30
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86