V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
DeHoo
V2EX  ›  问与答

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

  •  
  •   DeHoo · Jul 16, 2017 · 3838 views
    This topic created in 3209 days ago, the information mentioned may be changed or developed.

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

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

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

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

    但据我观察,一般网站(除去有大量广告和广告跟踪的网站)里,最影响加载速度的就是 web font,某些时候 web font 的加载占比时长能占到整个加载时间的 80%。
    wql
        4
    wql  
       Jul 16, 2017 via Android
    不如不用字体……
    DeHoo
        5
    DeHoo  
    OP
       Jul 16, 2017
    @ferrum 是的,加载时间将了 80%以上,整个网站都加载好了,只有字体一直在加载中。。。。
    但是只是一个字体而已,放在 CDN 感觉又大材小用!
    如果实在没法,只能选择放 CDN 了
    DeHoo
        6
    DeHoo  
    OP
       Jul 16, 2017
    @wql 不放字体,有时候感觉网站要多丑就有多丑,只是为了让视觉舒服一点而已!
    Shura
        7
    Shura  
       Jul 16, 2017 via Android
    不可能,楼主你这是"又要马儿跑,又要马儿不吃草"
    DeHoo
        8
    DeHoo  
    OP
       Jul 16, 2017
    @Shura 好吧,@_@
    laogui
        9
    laogui  
       Jul 16, 2017
    中文字体加载到网站上?
    ghostheaven
        10
    ghostheaven  
       Jul 16, 2017 via Android
    纯脑洞:纯静态网站是不是可以用 webpack 只把用到的文字字体拆出来,这样应该会小很多
    ghostheaven
        11
    ghostheaven  
       Jul 16, 2017 via Android
    呃,原来 fontmin 就是干这个的,尴尬了
    GG668v26Fd55CP5W
        12
    GG668v26Fd55CP5W  
       Jul 16, 2017 via iPhone
    fontmin 也不要整太大的字体文件,把整个字库都做了肯定不行
    jhaohai
        13
    jhaohai  
       Jul 16, 2017 via iPhone
    这就是为啥大家都喜欢用 google fonts,字体一般都预加载好了,另外 google fonts 还提供中文字体思源
    DeHoo
        14
    DeHoo  
    OP
       Jul 16, 2017
    @ghostheaven 是动态的网站,不是静态的,如果是纯静态,我就没有这个必要了!
    DeHoo
        15
    DeHoo  
    OP
       Jul 16, 2017
    @ghostheaven 哈哈!
    DeHoo
        16
    DeHoo  
    OP
       Jul 16, 2017
    @falcon05 就只是弄文泉驿微米黑字体,其他字体都没有用,而这个字体就是 4M 多。。。。
    DeHoo
        17
    DeHoo  
    OP
       Jul 16, 2017
    @jhaohai 可惜现在不能用谷歌字体库了。。。。
    lyhiving
        18
    lyhiving  
       Jul 16, 2017 via Android
    字体下载时间占 30%,渲染的耗时才是惊人的
    BWV478
        19
    BWV478  
       Jul 16, 2017 via iPhone
    @jhaohai 在 google fonts 上没有找到中文字体啊,能给个链接吗?🙏
    wolfan
        20
    wolfan  
       Jul 16, 2017 via Android
    这个和字蛛有什么区别不?
    DeHoo
        21
    DeHoo  
    OP
       Jul 16, 2017
    @wolfan 这个和字蛛差不多的,都是可以把 TTF 转换成 webfont 的!
    wolfan
        22
    wolfan  
       Jul 16, 2017 via Android
    @DeHoo 刚刚看了看,感觉还是比字蛛好用些,字蛛总是出奇奇怪怪的毛病。
    leopku
        23
    leopku  
       Jul 16, 2017
    有提取用到文字为单独字体文件的,加载时间大大缩减
    ijse
        24
    ijse  
       Jul 16, 2017
    转成 inline svg 好像会小一点,就是把每个文字作为 svg 图形对待,
    由于浏览器不会作为文字对待,渲染应该也会快一点
    49degree
        25
    49degree  
       Jul 16, 2017
    Google 搜索:字体子集化( https://www.google.com/search?q=字体子集化)
    wolfan
        26
    wolfan  
       Jul 16, 2017
    @DeHoo 额……,我收回先前说的,还是字蛛好用点,至少操作起来还是要简单些,虽然总出些奇奇怪怪的问题
    ynyounuo
        27
    ynyounuo  
       Jul 16, 2017
    所以好多回复的大佬都不知道 fontmin 是干什么的么 - -
    yidinghe
        28
    yidinghe  
       Jul 16, 2017 via Android
    楼主如果只是页面上少数几个字用这个字体还好,但要是全站所有内容都用,岂不是这个 webfont 要包含至少几千个汉字?这得多大啊。
    TrustyWolf
        29
    TrustyWolf  
       Jul 17, 2017   ❤️ 1
    em2046
        30
    em2046  
       Jul 17, 2017
    只设置字体名称
    给安装了字体的人看到,没安装字体的爱显示啥显示啥
    DeHoo
        31
    DeHoo  
    OP
       Jul 17, 2017
    @TrustyWolf 很好很好!哈哈
    DeHoo
        32
    DeHoo  
    OP
       Jul 17, 2017
    @yidinghe 用谷歌字体库里的思源字体!哈哈
    BWV478
        33
    BWV478  
       Jul 17, 2017 via iPhone
    @TrustyWolf 多谢
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4840 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 118ms · UTC 04:01 · PVG 12:01 · LAX 21:01 · JFK 00:01
    ♥ Do have faith in what you're doing.