「Good legibility and readability of texts ensure that information is transmitted to users efficiently and quickly.」—— (Kuzu & Ceylan, 2010) 良好的易辨、易讀性，能有效且迅速地將資訊傳遞給使用者。在現在 Web 設盛行的時代，只要是網頁前端（還有像是 Electron...等框架產生的應用）幾乎都仰賴 CSS 進行樣式設定。今天介紹幾個 CSS 語法來提升網頁文字排版的易讀與易辨性。 CSS CSS（Cascading Style Sheets，層疊樣式表）是用來描述 HTML 或 XML 文件的視覺樣式，包括字體、顏色、排版與動畫等。
https://l.twinty.pe/ 分享文章 開始前先來介紹 Gilbert 這款字體，它是一款自帶多種色彩的字型，用戶輸入後即會顯示繽紛的色彩，無須而外在修改。 該字體是具有象徵意義，是為了紀念 LGBTQ+ 彩虹旗的創作者 Gilbert Baker 對於社群貢獻而生，其中「色彩」是不可或缺的顏色，傳遞驕傲、多元和包容的精神。 電腦會選土豆，字體也能是彩色 其實彩色字型並不罕見，你我常用的 emoji 就是最佳實踐之一，讓我們來看看如何做到的吧！ 第一步：標準化 要讓大家能正確的看到五顏六色的字體，就需要由具有一致且大部分人認同的標準與規範。 通常這幾些事會由行業內的領頭公司、組織進行，這次參戰的分別有：Microsoft、Apple、Adobe、Google，以及 Mozilla。 前面幾間相信大家都耳熟能詳，最後一間也是對網際網路有著重要影響的元老級組織，其前身為網景公司。 簡單直接：SBIX 、CBDT/CBLC
工程與建築領域的扛霸子 – AutoCAD 中有套令人又愛用恨的「單線體」，這套字型沒有準確的名字，卻在大大小小的施工圖中出現，有著不可比擬的重量。今天來聊聊這套「未命名」字體吧！ 這套字型的不同之處 先說說最值觀的外觀吧！看到第一眼，就令人印象深刻。自己獨樹一個的筆畫造型。特別是「水」字邊，有明顯模仿明體的造型，但在其他偏旁，又更接近手寫的風格，例如：「辶」字邊。 還有會出現即使是同偏旁，但是筆畫不一致情況發生。 優缺點 優點來說，因為是單線體，因此調整現行粗細時可以快速與圖面設定響應，且在雷切小型物件時，比起轉外框的文字更不容易燒焦，或是應用於機械彫刻場景。 缺點也顯而易見，因為文字歪斜，因此不利於長文本閱讀，以及容易缺字，例如：土木術語中的「夯實」的「夯」就會缺字，還有標點並非繁體中文常見位置。 事出反常必有因 會有這樣的曲線品質，其實與早期技術有很大關係。將時間回推到 1963 年當時在麻省理工大學攻讀博士學位的
無論你是設計師、社群小編、創作者，在使用字型都需要了解授權模式，今天將分享三種常見授權模式，讓你輕鬆上手商用字型，避免觸法。 模式 1：買斷 這很好理解。透過一次性付費取得字體的終身授權。目前繁體中文字型中，支援該種方式的廠商包括：justfont、cjkFonts、金梅（全球最漂亮字型網） 以及部分獨立設計師，例如：空氣明朝體。 優點顯而易見，付費一次終身擁有（不知道可否當遺產繼承 xD）；當然費用會較高（畢竟只付一次）。 一般來說印刷物與數位媒材都支援（華康珍藏除外），但不得將字體文件上傳至伺服器或鑲嵌入設備中，以及不得註冊商標與作為圖庫出售。 justfont cjkFonts 華康珍藏 印刷物 可 可 可 數位媒介 可 可 否 安裝數 2 2 1 商標申請 否 否 否
免費下載的黑體有哪些？免費？開源？使用差異大解析！ 想下載？先給我等一下！ 在下載字體之前我們應該先來好好了解一下背後的概念，字體是透過設計師們的花時間努力產出的結晶，不同的字體之間當然也有授權類型的差異，當你找到喜歡的字體下載後，是否有確認這些心血有被正確使用呢？ 開源？免費？可商用？ 簡單來說字體的授權分類可以分成： 開源：通常可以自由下載並且允許修改，常見以（SIL OFL、Apache License、GPL）等條款授權，雖然都允許免費下載但依照授權條款會對修改衍生有所差異。 SIL OFL：修改發布需要同以SIL OFL發佈，需要更改字體名稱，不能以原名發佈。 Apache：修改發佈不強制開源，但需標示修改處。 GPL：修改後必須同以GPL發佈，且專案內含有 GPL 授權條款整個專案也須要。 MIT：修改發佈不強制開源，且限制較少。 免費下載：允許免費下載使用但不允許改作也未必允許商用。 付費使用：需付費購買授權特別是在商業用途上。 免費≠可商用≠開源，雖然同樣可以免費下載但是在很多使用上的規範卻又不一樣。
在 Google 2020 年的研究中指出，每當網頁延遲 1 秒，就可能流失 20% 的瀏覽群眾。提升載入速度儼然成員設計師、工程師需面的一大課題。而其中關鍵的「字體」亦是關鍵之一，要使字體快速載入就須仰賴「動態子集化」技術。 實際感受一下！ 可以看到，在兩者都關閉快取（cache）情況下，直接載入（呼叫 Github 靜態資源）耗費時間為 3 秒多；使用動態子集化技術情況下，只耗費了 0.1 秒。 Webfont大學問：動態子集化 一般來說中文字型檔案內約有 9,000 ~ 13,00 個字元，但實際網頁中不會用到這麼多，而「動態子集化」就是抓取需要的字元，刪除無用的，進而減少檔案大小。 以思源黑體的常規字重來說，
設計師們時常需要展示字體細節，尤其是節點最佳化的說明。TwinType 的工具能幫助您快速展示貝茲曲線節點。 用曲線說故事 在設計概念闡述中，透過展示字體錨點布局，可以更好地針對筆畫力道、走勢進行說明，在檢討時也能一目瞭然。 Working Smarter, Not Harder (智取，非蠻力) 過往需要此種效果圖，只能在字型設計軟體中截圖，如：Glyphs 或是 FontLab，不然就需要透過繪圖軟體自行繪製，過程繁瑣。 TwinType 在工作中也遇到該狀況，因此開發了一款小工具輔助顯示。只需要選中物件即可進行操作，完整安裝流程與下載連結如下。 下載安裝與使用 首先可至TwinType的Github頁面下載。本更具以MIT協定開源 下載地址：https://github.com/TwinTypeFont/IllustratorScript 安裝步驟 1.請找到Illustrator的指令檔（巨集）資料夾。 Windows：C:\Program Files\Adobe\Adobe Illustrator