如何評價字蛛(font-spider)這款產品?它的出現能讓中文在線字體得到廣泛應用嗎?

GitHub鏈接: aui/font-spider · GitHub


挺好的工具。不過應用限制在固定標題等領域,接近iconfont。廣泛應用這是談不上的。


基本上也只能用於標題了

用於內文的話……

  1. 內文文字的 Unicode coverage 會很大,而且很可能會涉及到動態內容,伺服器實現起來,不僅消耗資源,而且難以緩存,這帶寬嘛,呵呵
  2. 內文字型大小需要巨量的額外數據,而且這個還沒法在客戶端玩「時間換帶寬」,算起來太慢了

可能最理想的辦法就是配合本地存儲實現了


首先,這款產品初衷是很好的,上面有人認為使用花里胡哨的中文字體會降低閱讀性。我個人認為,如果大量使用過於花哨的中文字體確實會導致可讀性降低,但是我認為,使用字蛛更多的是在某一個標題,或者小段落上使用。

我個人使用字蛛轉換思源黑體。可以說沒有轉換問題,也沒有字體版權問題(思源黑體是開源的)


font-spider解決的主要問題是引入中文字體過大的問題,通過語法樹解析,只將使用到的字從原本字體文件中剝離出來,能夠極大幅度壓縮字體文件大小,用的是度娘的font-min庫,光沖這點,我就覺得非常不錯,廣泛應用談不上,但是我知道設計師再也不罵字體丑了.......


從知乎上看到這個覺得有意思,已測試覺得效果較理想,預計會線上使用。

效果可參考:Font Spider測試頁面_SEO前線

------

更新,本來打算處理好IE兼容性再上線,看了下流量統計,IE訪問佔比很少就先不管了。已正式上線到網站首頁,可以在剛才個頁面直接刪除後面部分的URL,訪問網站首頁看到。


之前帶的小姑娘試驗過,對字型檔的支持並不能說完全,大點的字型檔基本是轉不了的(當然可能是我人品低),找了個小的偏門字型檔,轉碼一半後報錯,不過還是轉了,能用,就是不知道到哪個字開始不能用了。

至於廣泛應用,我覺得類似的東西轉出一種字體,作為pc的支持字體(手機要是字型檔大的話比較尷尬,網速限制),還是可以用的。但是廣泛是不大現實。


這是一款相當好的產品。

其實相關產品很久以前就出現了。曾經試用過justfont,也是一款類似的工具,以SaaS的形式存在,需要在載入網頁後用js去對方網站請求壓縮後的字體。再之前自己也改造過fontforge去手工壓縮字型檔,沒有這套工具這樣自動化。不過總體而言還是可以用的。

同意@賀師俊 的答案,應用受限制,只會在標題領域發揮優勢。其限制如下:

一、長篇文章字體大小接近線性增長,並且每次載入字體不可復用。這就會嚴重的限制我們使用這個字體。試想之每一頁都要額外載入100k以上的內容,伺服器端或許還要專門處理(如果內容是動態的)。這就要痛苦死了。

二、字型檔覆蓋。許多中文藝術字形的字型檔覆蓋並不完整,一些較為生僻的字體都無法涉及。因此就會需要在遇到生僻字時使用fallback字體(似乎源代碼里這裡有個bug),猶如開天窗一般。對於堅持用自定義字體的設計師而言,這應該是無法接受的。

三、hinting。這是一個液晶屏時代極為痛苦的問題。為了讓每個字都顯示的足夠銳利,我們需要對筆畫的位置進行微調以確保它落在完整的像素點上,工作量極其龐大。甚至微軟頭一兩個版本的雅黑都沒有完全處理好這個問題,宋體迄今為止是舊版windows下小字型大小最安全的字體,我們還如何指望第三方廠商有足夠的資源去解決這個問題呢?

四、需求。我覺得很少會有人為了花哨的字體去降低讀者的閱讀速度吧?


挺好的一工具,這樣把一些海報 樣式設計網頁中的字體獨立出來,直接弄給背景就OK了,而且對於運營中的文案的 反覆修改問題也減少了痛點,直接改文字,生產相應的字體庫,更新就OK了,不用再把相應的問題在切圖出來了!


思源宋體的官方網站所有文字都是用網頁字體實現的,包括了多種語言包和多字重。使用的是Adobe Typekit的dynamic kit, 動態載入需要的字體數據。


中文字體還有一個更變態的問題:

你轉什麼字體?中文字體好用的不多,免費的更少,人家字體都是收費的,電視台用他們的字體也要被鬧的灰頭土臉,你用他們的字體,分分鐘教你做人。

所以說,中文web字體難題不在技術,而是在一些固步自封,抱著陳舊觀念的字體創作者,他們不改,中文字體好不了。比較看好厲向晨他們的探索。


1. 挺好的。

2. 不能。


推薦閱讀:

有支持中文的 Web Font 嗎?
font: .81em/150% Arial, Helvetica, sans-serif; 其中 .81em起什麼作用?

TAG:網頁設計 | 前端開發 | WebFont |