V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
tmo
V2EX  ›  CSS

有什么字体文件切块的工具嘛

  •  
  •   tmo · 2022-10-20 22:26:38 +08:00 · 1388 次点击
    这是一个创建于 793 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,想要在网站使用中文字体,几十 mb ,用 css font-face unicode-range 似乎可以实现切块,但是不知道用什么工具来生成

    例如小米网站的 misans: https://font.sec.miui.com/font/css?family=MiSans:300,450,500,650,800:Chinese_Simplify,Latin&display=swap

    6 条回复    2022-10-21 14:24:00 +08:00
    tool2d
        1
    tool2d  
       2022-10-20 23:51:09 +08:00
    这又没办法乱切,每个有可能用到的文字,都是程序根据使用的文本预生成的。

    老老实实写代码吧。
    duan602728596
        2
    duan602728596  
       2022-10-21 10:24:06 +08:00
    可以试试 Font-spider
    wsph123
        3
    wsph123  
       2022-10-21 10:55:38 +08:00
    试下来还是 fontmin 勉强能用,虽然性能很差
    tmo
        4
    tmo  
    OP
       2022-10-21 11:56:31 +08:00 via Android
    @tool2d 好的

    @duan602728596 看 github 介绍,Font-spider 是根据网页内容生成 font 文件的吧,有没有可以实现只是把文件切成数个小文件然后用 css 组合起来的工具呢


    @wsph123 谢谢,一会试试看
    wsph123
        5
    wsph123  
       2022-10-21 12:07:40 +08:00
    我现在是把页面用的字生成一份用于首屏加载
    常见字在首屏加载完成之后用户使用之前加载
    其余字用户用到再通过 API 实时取
    gydi
        6
    gydi  
       2022-10-21 14:24:00 +08:00
    可以看看我这个 https://github.com/zzzgydi/font-pack 传入字体和需要的文字,将这个字体切成包含这些文字的一个字体和不包含这些字体的另一份字体,同时生成 css 。不过好像有点小 bug 一直没管,感兴趣可以看看。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2746 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 09:00 · PVG 17:00 · LAX 01:00 · JFK 04:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.