V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
DeHoo
V2EX  ›  问与答

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

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

    一直想给自己的网站加用文泉字体,用了 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 就是干这个的,尴尬了
    falcon05
        12
    falcon05  
       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   ·   实用小工具   ·   1069 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 19:15 · PVG 03:15 · LAX 11:15 · JFK 14:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.