• 请不要在回答技术问题时复制粘贴 AI 生成的内容
jsq2627
V2EX  ›  程序员

中文字库动态生成子集嵌入网页

  •  1
     
  •   jsq2627 ·
    PRO
    · May 16, 2015 · 4971 views
    This topic created in 4190 days ago, the information mentioned may be changed or developed.
    最近在研究这个,放一个 Demo

    http://font.stackia.me/ (暂不支持IE)

    目前只基本实现了 TrueType 字体的分割。OpenType/CFF(比如思源黑体) 的字体是先转换成 TrueType 再分割的。

    小心玩坏...

    14 replies  •  2015-05-17 20:18:13 +08:00
    imWBB
    imWBB
    May 16, 2015 via iPhone
    1
    Good
    shiny
    shiny
    PRO
    May 16, 2015
    2
    很有用
    LucasW
    LucasW
    May 16, 2015
    4
    @d0a1ccec
    两种东东,iconfont的那个是svg @jsq2627 的是真实字体
    字库是放在服务端?怎么实现的
    LucasW
    LucasW
    May 16, 2015
    5
    原来下载了字库啊
    jsq2627
    jsq2627
    OP
    PRO
    May 16, 2015
    6
    @LucasW 完整字库在服务端,服务器根据客户请求的文字,生成只包含相应文字的 ttf 子集,客户端动态插入 css 来引入字体。
    ttf 的解析器和分割器是自己重造的轮子(C#),没有用现成的(大多是 node.js 和 py)

    iconfont 那个感觉应该是从完整的 svg 字体分割子集的。svg 比 ttf 解析起来容易很多。
    lizheming
    lizheming
    May 16, 2015
    7
    @LucasW 道理我都懂,可是 iconfont 的 font-face 什么时候就成了 svg 了?!
    shiny
    shiny
    PRO
    May 16, 2015
    8
    @LucasW 显然是生成了好几种格式,svg 是其中一种,为了兼容性也包含了 ttf 等格式。缺点是只有那么几种字体,不够用。
    banri
    banri
    May 16, 2015
    10
    鹅厂的“字蛛”也有类似的功能,都是不错的东西~

    这玩意儿在网速越来越快的未来感觉很不错的说,不过最关键的还是版权问题吧 -。-
    lemonda
    lemonda
    May 16, 2015
    11
    想起了金山打字通
    isnowify
    isnowify
    May 17, 2015 via iPhone
    12
    @lemonda 我也是,冰灯那段
    Khlieb
    Khlieb
    May 17, 2015 via Android
    13
    支持 WOFF 的分割吗?
    jsq2627
    jsq2627
    OP
    PRO
    May 17, 2015
    14
    @Khlieb woff 只是对 ttf/otf 的二次封装。如果还原成 ttf/otf 的话,只要是 TrueType 标准实现的,就可以分割,如果是 PostScript 标准实现的话,那就得先借助别的工具转换 TrueType 格式才行。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1560 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 23:32 · PVG 07:32 · LAX 15:32 · JFK 18:32
    ♥ Do have faith in what you're doing.