2015年中文網路字型(web font)領域有什麼新發展?

原有的網路字型提供者在2015年都有什麼改變,有什麼新的網路字型提供者?

在解決中文web font難題上有什麼新技術?

web font使用者數量變化,值得關注的使用者(如大型網站)。


webfont 你再怎麼做,封裝格式還是得用 SFNT,用 SFNT 體積就不可能壓下來,這是輪廓格式的固有缺陷。中日很多廠商(三菱漢儀等等)做嵌入式 type system 的都可以用自家技術把文件壓到非常小同時保證曲線質量,主要依靠兩點:

  1. Referencify
  2. Stylized Stroke Font

第一點其實 SFNT 也能做,但是效果並不好,達不到商業字體需要的曲線質量;第二點的話 SFNT 更不可能支持了,但它對壓縮大小效果極其顯著:

依 http://www.diva-portal.org/smash/get/diva2:18417/FULLTEXT01.pdf,用 SSF 可以比傳統的輪廓字體節省 90% 以上的存儲空間:

The stroke representation reduces the number of points needed to represent a glyph
and ultimately the size of the font file. Monotype Imaging claim storage savings
of 90% or more on a simplified Chinese font. Bitstream claims storage savings
of at least 90% on a traditional Chinese font. Note that a part of this saving
is not due to the stroke representation, but rather due to the reuse of character
components. However, such reuse is possible in both TrueType and SVG and
is not due to the stroke-based representation.

可能理想的方法就是用 SSF 數據配合 local storage 在本地緩存 outline 做,或許可以用在中等尺寸的文字上。(算 hint 要的 cpu 需求更多,foundary 提供元數據或許可以節省些時間。@李阿玲有興趣可以寫個原型,可以用 KAGE 的數據。)

哦對了,我在早期華康的字體上見到過一種神奇的壓縮方法,它利用 TT 指令強行把不同長度的筆畫壓到一個 reference 里,如果確認客戶端可以正確顯示的話或許可以作為一個可行的方案? @孫志貴


Google fonts有中文字體了:

https://www.google.com/fonts/earlyaccess

最近開始關注Dynamic Subsetting,就是請求webfont的時候,提供文字內容,後端算一個精簡版字體出來。這個應該至少2014年就有了,我是最近才發現的,Google font已經支持了,justfont似乎也可以。


中文webfont的優秀解決方案現在已經出現了:字體子集化

講人話的話就是

把需要的中文文字單獨從字體中提取出來做成一個新的字體文件,由於字型檔小了很多,所以字體文件自然也就小了

本來這是件很繁瑣的事情,需要手動去編輯字體文件。不過好在BAT三家都出了自己對應的一體化工具,使得我們的工作量小了很多。

騰訊:font-spider(核心使用的font-min)

百度:font-min

阿里巴巴:icon-fontfont-carrier

以上三家各有優劣,其中騰訊的font-spider的優化核心是用的百度的font-min,可以根據網頁內的中文文本自動生成對應字體文件,操作簡潔,但依賴node.js且只支持ttf,不支持oft字體;font-min有windows客戶端,生成字體的文字需要自行指定;iconfont可以在線生成字體,但是字體有限,開源的核心font-carrier支持的字體方式較多,但是操作較繁瑣。所以個人推薦騰訊的font-spider

回答引用這篇文章 中文webfont解決方案

說的這個嗎?用了下 感覺挺贊的 這幾個工具。


推薦閱讀:

為什麼PS裡面,雅黑字體是模糊的,而宋體是清晰的?
推薦同時包含矢量和點陣字型的宋體?
日文有哪些常見字體?怎樣才能把日文寫得漂亮?
平面設計新手在自己的設計中,選擇怎樣的字體相對較穩妥?
如何客觀評價《打了六年的 OS X 字體戰爭》?

TAG:字體 | 中文字體 | 網頁字體 |