字型技術

字型技術

像彩虹般的字型:Color Font

開始前先來介紹 Gilbert 這款字體,它是一款自帶多種色彩的字型,用戶輸入後即會顯示繽紛的色彩,無須而外在修改。 該字體是具有象徵意義,是為了紀念 LGBTQ+ 彩虹旗的創作者 Gilbert Baker 對於社群貢獻而生,其中「色彩」是不可或缺的顏色,傳遞驕傲、多元和包容的精神。 電腦會選土豆,字體也能是彩色 其實彩色字型並不罕見,你我常用的 emoji 就是最佳實踐之一,讓我們來看看如何做到的吧! 第一步:標準化 要讓大家能正確的看到五顏六色的字體,就需要由具有一致且大部分人認同的標準與規範。 通常這幾些事會由行業內的領頭公司、組織進行,這次參戰的分別有:Microsoft、Apple、Adobe、Google,以及 Mozilla。 前面幾間相信大家都耳熟能詳,最後一間也是對網際網路有著重要影響的元老級組織,其前身為網景公司。 簡單直接:SBIX 、CBDT/CBLC 要彩色物件?沒問題,用最簡單粗暴的方法,直接塞入一張點陣圖片。Apple的SBIX

責任編輯:Willy Wang

字型技術

Webfont:為網站換字體

在 Google 2020 年的研究中指出,每當網頁延遲 1 秒,就可能流失 20% 的瀏覽群眾。提升載入速度儼然成員設計師、工程師需面的一大課題。而其中關鍵的「字體」亦是關鍵之一,要使字體快速載入就須仰賴「動態子集化」技術。 實際感受一下! 可以看到,在兩者都關閉快取(cache)情況下,直接載入(呼叫 Github 靜態資源)耗費時間為 3 秒多;使用動態子集化技術情況下,只耗費了 0.1 秒。 Webfont大學問:動態子集化 一般來說中文字型檔案內約有 9,000 ~ 13,00 個字元,但實際網頁中不會用到這麼多,而「動態子集化」就是抓取需要的字元,刪除無用的,進而減少檔案大小。 以思源黑體的常規字重來說,

責任編輯:Willy Wang