字體在品牌的視覺形象中扮演著不可或缺的角色，尤其對於大侑這樣注重健康理念的品牌而言，字體更是與消費者溝通的重要工具。讓我們透過專訪大侑貿易的設計總監-Kelly，讓她帶領我們探索這家公司的品牌故事。

因應康芮颱風來襲了，為確保所有參與者的安全，原定於日舉行的字體廚房講座活動將予以延期。活動新日期將另行公告，造成不便，敬請見諒。提醒大家颱風期間請務必注意安全，減少外出。

「大部分的消費者大概一輩子只會跟郭元益接觸一次，就是人生最重要的一個時刻，當然是件開心的事，可是我們也希望能夠持續跟客戶有良好的互動」郭元益副總談到品牌轉型的初衷。本次文鼎字型有幸採訪到郭元益副總經理-郭建偉先生，聽他分享品牌轉型的心路歷程。

用字體訴說情感，於字裡行間刻畫父愛。在這重要的日子裡，讓我們應用字體打造父親節主題海報，融合創意排版與現代元素，為節慶增添一抹獨特的感動。

活動簡介

文鼎字型與臺灣森澤聯合主辦【會員限定講座】，透過設計師藉由自身不同的案例，分享文字與設計上的經驗與選字觀點，從中找尋字體與設計間的脈絡，探討更多設計的可能性。

讓你在創作時，更容易選出符合設計需求的字體，提升作品質感！

活動時間與地點

時間：2024/08/30(五) 14:00 - 17:00，13:30開放報到
地點：台北⽂創A廳 ( 台北市信義區菸廠路88號6樓 )
交通：建議搭乘捷運前往（捷運國父紀念館站5號出⼝，步⾏約350M）

活動嘉賓

活動報名辦法

講座分為 線上直播 與 實體活動

線上直播與實體活動請擇一報名。若重複發送報名表單，且選擇不同形式的講座，系統將會判定為參加線上直播活動。填寫完報名表單後，我們將於3個工作日內寄送活動通知信件，並於活動前兩天以電子郵件方式寄發「報到通知」至您的電子信箱，請留意收件信箱。

立 即 報 名

1. 線上直播 ：YouTube ⾮公開直播，活動連結將於活動前1天寄送，請留意報名時輸⼊的信箱是否完整。
2. 實體活動：報名實體活動後若因故無法參加，最晚請於活動3⽇前取消報名，釋放名額給想參加的朋友。

此次講座我們將帶給您，掌握設計師分享的字體與設計的美感洞察，
還有 iFontCloud 會員獨享禮遇 喔!!

參加線上直播的你：不論新舊客戶，我們都準備了首購禮與續約優惠等著你！
參加實體活動的你：活動當天，現場將陳列展示兩位講師的設計案例，並與現場來賓進行交流。此外還會提供千元優惠卷及精美字體禮品讓你一併帶回家。

備註
1. 如活動當天遇有不可抗⼒之情事(如颱⾵、地震…等)，主辦單位有權決定活動是否延期，並擇日另行公告於社群。
2. 主辦單位保留隨時修正、暫停、終⽌或解釋本活動之最終權利，並以本活動社群公告為準。
3. 如資料填寫錯誤或不符，以致主辦單位無法確認⾝分時，主辦單位有權取消其參加資格。

文鼎iFontCloud為學生、學校單位規劃了多樣的字體租賃服務方案，涵蓋同學個人使用、國中小、高中職大專院校、學校教職員等不同角色與組織的授權方案。

專屬學生以教育學習為目的的方案
身為學生的你，在用字上有沒有這些困擾呢？除了系統內建字體外，沒有其他來源可以選用字體，或是使用到來路不明的字體，無形的誤觸著作財產權的爭議，想要使用新世代的字體，費用上卻無力負擔呢？文鼎字型從教育的視角切入，在iFontCloud平台上提供了繁中多元學習包(學生)(年)與美感學習包(學生)(年)等兩個方案，期望對於著作權的尊重、透過合法途徑使用正版字型、使用者付費的觀念從校園學生時期開始養成。學生們於就學期間可以合法的以學習為目的使用這兩個方案的字型於報告、作業、佈置等用途，藉由字體的運用豐富的作品的樣貌。


iFontCloud學生教育方案的購買者、使用者必須具有學生的身份，購買時可以先準備以下資訊申請教育身分的認證：

1. 在學學生證正反面(需蓋上當期註冊學年章，如未蓋章則不具效力證明)
2. 在學證明

在註冊iFontCloud會員後，並將上述證明文件擇一上傳至ifontcloud@arphic.com.tw信箱，待客服人員審核通過後，即可以學生身分購買學生方案。

學生在使用學生方案的同時要注意，本服務是以提供學生學習使用為主要目的，使用iFontCloud期間所產出的文件、作品皆不得有銷售等營利的行為喔。

△: 學生版注意事項
學生版以學生個人學習為目的，使用本服務，本服務及產出物不得用以營利或銷售，詳細請見授權書內容。

以教育學習或教學為目的的方案
文鼎iFontCloud字型產品有上架到教育部補助各縣市及學校「推動中小學數位學習精進計畫-數位內容與教學軟體」的計畫中，教職員或學校採購單位可依教學需求自行評估採購，現況共有以下方案上架：

1. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版
2. 文鼎iFontCloud雲字庫 繁中旗艦包 進階版(一人授權一年)
3. 文鼎iFontCloud雲字庫 繁中旗艦包 標準版(一人授權一年)
4. 文鼎iFontCloud雲字庫 文鼎繁中DC風格包(一人授權一年)

此外，如果您符合政府機關或公立學校等資格，有以下幾個方案可以選購，詳情請參考政府電子採購網 政府電子採購網，也可致電文鼎字型團隊，為您做更詳細的介紹：

1. 文鼎iFontCloud雲字庫 文鼎繁中DC風格包(一人授權一年)
2. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版(全校授權一年,國小/國中/高中職,使用人數450以內)
3. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版(全校授權兩年,國小/國中/高中職,使用人數450以內)
4. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版(行政人員授權兩年,使用人數15以內)
5. 文鼎iFontCloud雲字庫 繁中旗艦包 標準版(一人授權一年)

上述的方案都可以引領莘莘學子、學校單位、教師以較實惠的價格使用到iFontCloud雲字庫的服務，期盼透過正確管道尋求合法使用授權的觀念從學習生涯養成，讓字型的美從小校園渲染到大社會，透過iFontCloud服務讓設計美學融入每個人的日常。

隨時代飛速演進，看慣平頂高樓，抬頭細觀傳統建築的精緻細膩，屋頂緩斜上揚，延伸勾勒出曲度流暢的飛簷，總令人多感幾分驚歎。

「飛簷」是傳統建築在屋頂轉角處的一種特殊巧思，此設計不僅利於排水，上揚型態有利採光內照；飛簷尾擺上勾，形如展翼、脊飾華麗，外貌通常均勻對稱；是兼具實用與生動外型的建築特色。

以此經典特色為靈感，設計字型取材「屋脊飛簷」，融合建築穩固與對稱的優點——《文鼎鳳簷體》。

整體視覺

字面架構、橫直對比

筆劃造型

直、橫、轉折、端部等造型的互相襯映

設計特色

文鼎鳳簷體的設計巧思與特色字根

立即購買

結合科技趨勢，文鼎字型全新推出的字體應用專欄結合人工智慧生成技術圖像(Midjourney)與節慶活動，每期推出不同內容並且附上生成程式碼讓創意使用者在面對不同專案下更能得心應手，期待與你共同探索設計的新可能。本期內容展開圍繞「端午節」為主題，提供字體應用上的參考

使用字體碰到缺字的原因有很多，最主要原因是字體使用的字集，其次與輸入法有關。

繁體中文在開發時最常使用的字體規格為Big5-2003(大五碼)，共收錄13,060個漢字。有1萬多漢字怎麼還會缺字？原因是有些一般生活常用字並沒有收錄在其中，像是塵蟎的「蟎」、擀麵的「擀」等文字。因此形成使用Big5字集開發的字體在編排文件出現缺字的情形。

為了降低使用者用字缺字的機率，文鼎字型以現有Big5-2003字集規格為基礎，參考教育部字頻總表、中研院現代漢語語料庫詞頻統計、網路流行用字以及行銷與客戶服務所累積的資訊，彙整389個漢字，整合成Big5_AR 2021規格，自2021年以後皆以此規格進行新字體產品的開發，早期熱銷、經典的字體亦規劃補字更新，使用者可以透過iFontCloud獲得最新版本的字體使用。(完整的介紹請參考：消除繁體中文缺字的困擾)

再來談到輸入法。
可以打出漢字的中文輸入法有很多種，每種輸入法形成漢字的方式不大相同，一般常見為注音輸入法和漢語拼音輸入法。



如果不是使用注音輸入法或漢語拼音輸入法，有些字符的漢字與部首外型長得一樣，但是實際上分屬於不同的Unicode碼位，就會形成透過輸入法顯示出來的文字誤植成部首字也渾然不知，誤以為是字體缺字。以字符「日」為例，「日」漢字的Unicode碼位是U+65E5，是定義在中日韓統一表意文字(CJK Unified Ideographs)中，另外有一個與其形狀幾乎一樣的「日」，是位於康熙部首字區(Kangxi Radicals)的部首字，它的Unicode碼為是U+2F47，U+2F47其為Unicode於 Unicode 3.0 根據康熙字典的214 個部首按序編排，位於 U+2F00 - U+2FD5當中的一個字元。此區段的字符是用於表示部首使用，不是中日韓統一表意文字區段內的漢字，而繁體中文使用的Big5-2003的規格並沒有完整收錄這些部首字的字符，在這樣的情況下，如果使用標準Big5-2003字集的字體，在輸入U+65E5國字的「日」能夠顯示套用的字體，但是打成U+2F47部首字的「日」則可能會顯示缺字的狀況。

下次碰到字體缺字的狀況別驚慌，先確認字符是否為漢字以及字體使用的字集就能解決大部分的問題囉！

在台灣，從使用的角度來看，我們長期觀察做為標題使用的display type後，總結出標題用的display type，使用到Big-5字集所有字的機會不大這樣的結論。

業界在進行繁體中文字體開發時，大多是以Big-5這個規格為標準，當中定義了多達一萬三千多個漢字及六百多個符號字元，因此，每一套新字的推出，都面臨開發期程太長、成本太高的挑戰。以此，在進行字體開發時，是不是可以只需要設計比較常用到的字、剔除較罕用的字，來縮小Big-5字集的規模呢？這樣的好處是可以用較快的時間、較少的成本來，快速的滿足市場上大部分的應用需求，因此文鼎字型訂立Big-5_Miniset這個文鼎自定義產品規格。

下圖是文鼎DC曼蒂手書體由插畫家曼蒂書寫的次常用字區數位字稿，文鼎字型與外部的書法家、設計師合作開發DC系列產品時，常常收到的回饋是：怎麼要寫那麼多字啊！這些字我都沒有看過噎！真的有人用到這些字嗎！確實，除了前述降低產品開發的成本考量外，不要為難設計師、浪費設計師的時間，回歸到讓設計師專注在常用字上，以相對較快、較高的品質設計出新的字型產品是文鼎字型訂立Big-5_Miniset的初衷。

繁體中文Big-5_Miniset這個規格收錄了7,374個中文漢字，當中包含了常用國字標準字體表、字頻總表等生活中常見的字、詞、詞頻，由此構成Big-5_Miniset這個精選字數。從產品名稱上如何辨識Big-5 Miniset規格的字體呢？以文鼎新上架的文鼎濃湯體為例，文鼎濃湯體是一款帶有濃厚寬度厚實感、滑順粗細交錯線條的產品，定位在display type標題字上的使用，從下圖來看，使用Big-5 Miniset規格開發的產品，在字體名稱會加入「Min」這個代碼做表示來與標準的Big-5字集規格的產品做區隔。

雖然是以精選小字集7,374個漢字的規格來開發產品，但在完整字體的開發策略上，仍保有擴充到完整Big-5的規劃與機制，文鼎濃湯體是文鼎字型第一款以Big-5_Miniset規格釋出的產品，歡迎設計師們在使用後給我們回饋與指教，如果想要了解Big-5_Miniset包含了哪些中文漢字，請點選下方圖像連結下載文鼎Big-5_Miniset字碼本。

美食是台灣的特有⽂化之⼀，藉由療癒⼈⼼的食物，達到⼼靈的慰藉。由⽂鼎推出的最新字體「濃湯體」，以濃厚滑順、俏⽪可愛的設計元素，傳達喜悅的情感。可廣泛應⽤於食物包裝、海報標題、店家招牌等，吸睛之餘，並為設計作品增加甜蜜滋味。 

深入人心的視覺體驗 
初次瞥⾒濃湯體，如同飲下⼝⿒留香的湯汁，⾃然⽽然地勾勒出笑顏。這種獨特風格散發出的豐富⽣動，宛如每⼀個字都蘊含著⼀個獨特的故事。濃厚設計的筆寬、滑順的筆畫線條，共同打造出⼀種醇實綿密的香甜錯覺。⾃帶可愛俏⽪感的字體風格，設計點點特殊風格的筆形，以及簡潔圓潤的筆畫設計，洋溢著愉悅和幸福的感受。

立即購買

立即購買

如果有將iPhone或iPad系統更新至16.2以上版本的使用者，會發現多了一個名為「無邊記」的APP。這是APPLE所推出跨 iOS、iPadOS 和 macOS的軟體，協助使用者在個人記事或是團隊合作而設計的白板功能，讓使用者能更方便與他人共用、編輯畫布內容。除了自由畫圖筆記外，關於文字的部分，使用者透過點擊App畫面底部「新增文字」的方式，畫面出現的文字方塊可自由縮放文字的大小，也能更改文字的顏色／字型／尺寸。

我們今天要介紹的是如何透過Fonts Fun-字字不倦、iFontCloud文鼎雲字庫這兩個App，讓使用者可以在「無邊記」上使用到文鼎字型。

Fonts Fun-字字不倦

1.在 App Store上搜尋並下載「Fonts Fun」

2.開啟Fonts Fun App後，您可在Fonts Fun App中預覽文鼎字體，裡面精選了 3個不同特色的方案，您可以依照您的喜好、個人應用需求，訂閱字體包安裝使用。另外也提供了一個免費字體方案包，當中包含了繁\簡體9套字型。

3.以免費字體包為例，在App下方「Aa字體」的頁面中，使用者可以看到9款免費字型，我們以文鼎花草體為例，滑動右方開關，呈現綠色狀態即表示字型已被啟用，且掛載到系統上，可以進行使用。如果想要進一步確認，可以在iOS系統的『設定』>『一般』>『字體』中看到已安裝的字體名稱。

4.接下來就可以在Fonts Fun App或無邊際上使用到已經啟用的字型。

iFontCloud 文鼎雲字庫 (iFontCloud for iOS, iPadOS)
1.App Store上搜尋並下載「iFontCloud 文鼎雲字庫」

2.開啟iFontCloud 文鼎雲字庫 App後，您可在App中預覽文鼎字體，以及同步使用到於iFontCloud租賃服務所訂購的字型產品。使用者可以透過位於App的左上方的「篩選」功能挑選合適的字型產品。

3.以文鼎DC云康行楷為例，滑動右方開關，呈現綠色狀態即表示字型已被啟用，且掛載到系統上，可以進行使用。如果想要進一步確認，可以在iOS系統的『設定』>『一般』>『字體』中看到已安裝的字體名稱。

透過上方簡單的介紹，讓使用者可以理解如何在iPhone、iPad上使用文鼎字型並運用於工作或娛樂上。除了「無邊際」以外，現在從Apple Store下載的App，只要開發者有使用Apple新的Font API進行開發，就可以透過Fonts Fun或iFontCloud for iOS使用到文鼎字型。

2021年，文鼎字型與插畫家Mandie合作，將Mandie親筆書寫的手寫字開發成數位中文字體。Mandie自己平時一直保持著手寫的習慣，希望藉由數位化後的字體產品，讓大家在取得電腦打字方便性的同時，也能夠重溫手寫字體的情感，讓更多人記得手寫字體的溫度，回味一筆一畫寫字的時光。

文鼎字型自2015年開始開發文鼎DC陳森田MORITA、文鼎DC香蕉人體、文鼎DC云康鋼筆行楷、文鼎DC蔡燊軒行書體，這類型的字體強調具有個人風格、個性化，近年在台灣市場能見度逐漸提高，應用在印刷、螢幕顯示、手機介面上都有別於傳統印刷字體的感受體驗。

文鼎DC曼蒂手書體除了將Mandie的手書風格記錄在字體中，另外還有一個小彩蛋：特別企劃商請Mandie繪製了三百多個表情符號(emoji)，讓Mandie具有特色的手繪融入字體中。

要如何使用文鼎DC曼蒂手書體的表情符號呢？ 我們以Adobe illustrator為例，當字元選擇文鼎DC曼蒂手書體時，開啟「字符」面板，滑動面板右方的拉桿，看到表情符號點選即可。需要注意的是在字符面板共有兩個區塊呈現這三百多個表情符號，這兩者的差別在於當符號用於橫排、直排的位置。



對於表情符號的開發，文鼎的設計師也不馬虎，對於符號單獨使用在橫排、直排以及符號與漢字一起使用時，在橫排、直排的排版效果都有加以最佳化的調整與設計。



在Adobe illustrator另外一個使用表情符號的方式是透過替換字符的機制做選用，在這個情境中，表情符號已經輸入完成，將滑鼠移至該表情符號上出現的替換字符，呈現的候選符號為上述為直排情境設計的字元。



近年來在Apple、Microsoft等系統廠商開發支援表情符號的作業系統、軟體後，表情符號在使用上的門檻降低了許多，有興趣的使用者可以在Mac、Windows上試試以下快捷鍵，呼叫出可輸入表情符號的小鍵盤、視窗來使用：
Mac作業系統：Control+Command+空白鍵
Windows作業系統：Windows(視窗鍵) + . (句點)或Windows(視窗鍵) + ; (分號)

但要請使用者注意，現階段有支援表情符號的軟體有限，以Windows為例，同樣是office 356中的Word、Excel、Powerpoint，輸入表情符號後呈現的行為也會有異，這樣的情形有待軟體開發商的支援，以讓表情符號有一個友善的使用環境。

文鼎DC曼蒂手書體
字體應用及用途：書刊標題、影片／電影標題、食品包裝、生活感的廣告標語、電子書信書寫等。

長久以來，大多數中文漢字數位字體的設計規格都侷限在正方形的方框中，從而產品化出結構方正的字體，然而，當遇到字元寬度無法在有限的寬度空間中做文字排版時，即延伸出「長體」的字體產品，用以縮減排版時整體的字元寬度。早期長體的設計，相對於正方形標準產品的設計規格，保持相同的字體高度，但縮小左右的水平空間，所形成長型的字體即稱為長體，相對於未變形前水平、垂直100%的比例，縮小左右10%比例的字體，稱為長一，縮小左右20%比例的字體，稱為長二…。

為什麼要使用長體字？
長體數位中文字型的數量相對來的少，在早期，由於軟、硬體環境的不成熟，長體字被設計在正方形的方框中，縮小後的左右水平空間以留白的樣貌呈現，在水平橫向排排版應用時，會形成字元間距過大的情況。隨著外部軟硬體技術的提升，新技術、新應用情境的發生，字體設計的彈性更加的廣泛，讓字體設計師的創意可以盡情的發揮。

如前述，規格上，長體是縮小左右比例後的字型產品，在應用上存在經濟效益，此經濟效益說明的是節省版面的空間，具有較窄字寬的長體字，能夠將更多的字元呈現在一行、標題、段落、區塊文字甚至是頁面中，具有在有限的排版空間上呈現較多字元數的特性，反之，在同樣的版面空間上，可以有較多的字元數來呈現內容。 但是，長體字也不是沒有缺點，畢竟在漢字，尤其是筆畫數多的漢字，在縮小字寬後的辨視度、易讀性會比標準字寬的字體來的低。


中文長體字的使用在直排、字元數少的情境下效果最佳，以字元數少的情境，當字體家族具有標準與長體字的設計時，如標題、引言等都是長體適合發揮的舞台。使用同一種字體風格的長體字做排版，除了可以凸顯要點外，還可以維持整體風格的一致性；當長體字被獨立使用時，其長形字的特色容易被凸顯出來，用在獨立的標題更顯特色。

長體字型產品的開發，豐富且擴展了字體家族。
中文字型產品的字體家族(font family)大多以字重的粗細為基礎做字型產品的開發，相對於拉丁字的字體家族設計，除了字重以外，還有斜體(italic)、長體/窄體(condensed/ narrow)、寬體(extended)等設計，對應上就顯的單薄。在應用上，若設計案件選擇到具有condensed/ narrow設計的拉丁字，這時，往往找不到合適的中文字型產品做匹配。



自2017年開始，文鼎字型著手設計並發行具有規格化的長體字型產品，在字型設計時，即考量使用行為，為了讓設計師/使用者快速的從軟體的字型清單中找到長體字型，我們在字體名稱上做區隔，透過代碼即可辨視該字型是否為長體字。長體字型以代碼C做為表示，代碼後的數字表示在EM1000的規格下，字寬的比例，如「C80」表示為長體、字寬80%的字型。




目前，文鼎字型具有長體設計的字體家族有：文鼎UD晶熙黑體E1、文鼎方新書、文鼎書苑宋、文鼎白玉書體，詳細如下：（Variable Font：表示變數軸支援長體的變化）

長體字型產品圖例：

使用Microsoft Word做文書編輯是日常中再正常不過的一件事，但是將文件編寫完成後，做樣式、段落的排版後，想要輸出PDF檔，卻遇到本來該加粗的文句卻無法顯示粗體的困擾嗎？

這樣的情況有幾個事件可以做探討：

1. 使用Word提供的加粗功能是否合宜？
2. 在Word編輯後，轉存PDF的方式？

下圖是Word工具列截圖的畫面，本文說明的重點在「B」這個圖示「將文字變成粗體」的功能。在Word中使用「B」圖示做文字加粗為Word軟體中提供的功能，但此加粗是透過程式計算的方式，將文字做粗體的顯示，嚴謹來說，相信字體設計師一定不喜歡這樣的加粗效果，但這樣的功能有其一定方便性與經濟性(不用特別再買一個粗體字來做粗體效果)



透過程式計算機制的字體加粗效果，其在字元架構的美觀性遠不如經過設計師微調筆畫空間後的成果，若在講究文字排版細節時，我們會建議選擇同字體家族較粗的字型來自為字體加粗效果的選項。以文鼎字型的字重單位為例，若是使用Medium字重做為內文排版，則加粗效果的字重建議為Bold，若是使用Demibold字重做為內文排版，則加粗效果的字重建議為Extrabold，也就是跳一個字重單位的方式來做使用。


回到本文的問題，若在Word文件編輯後，使用另存新檔，執行儲存PDF檔案的動作後，卻發現原本該有的文字加粗效果在PDF文件重無法呈現？這是哪裡出了問題呢？

這與Word軟體的以及字體產品工程的設定有關係，在字體產品工程的設定中，有一個「OS/2 table / WeightClass」的設定，當字體在這個欄位的設定值與Word不一致時，就會出現在轉存PDF無法顯示字體加粗的效果，此時，若有訂閱Adobe的使用者，使用「儲存為Adobe PDF」或「列印成PDF」一樣無法解決文字加粗效果無法呈現的問題。

這樣的情況，根本的問題解決方式為文章上方所建議，透過使用相同造型的字體家族，選用較粗的字重來排版，以徹底解決文字無法加粗的困擾，並達到加粗後的字體有最佳的顯示效果。



附註：
Microsoft 對於PDF加粗的回應：Bold font is not shown in pdf output from word
Adobe對於PDF加粗的回應：One of my fonts not in bold when making a PDF

「字根組字」為開發的方式之一，顧名思義，即以「字根」為漢字的做小單位，設計出該款字體所需使用的「字根」後，在造字工具中將字根組合成漢字字元，這通稱「字根組字」字型開發方式。



字根組字技術業界稱為Radical-base，透過此技術開發出來的TrueType字型產品全名稱做Radical-base TrueType，簡稱RTT，透過字根可以重複使用的特性，來大幅降低字型的檔案大小，此種方式使用在簡體中文具有27,533個大量漢字的GB18030字符集最具有效益，以下使用黑體、楷體為例，說明筆畫組字技術與字根組字技術兩者在字型檔案量大小的差異：

註：黑體為文鼎UD晶熙黑體G30，楷體為文鼎楷體G30 /文鼎晶栩楷體G30

有別於筆畫組字的字型產品，為何筆畫組字技術與字根組字技術兩者在字型檔案量的大小上有如此大的差異呢？除了利用字根可共用、重複使用的特性外，在字型品質上也可以定義，以常用字的字元，開發品質達到近似於筆畫組字高品質的水準，罕用字(大部分使用者一輩子幾乎不會用到的字元)使用現有字根，不特別增加字根的方式來組成，雖然定義上品質稍差，但不影響辨別與使用。

近年，以文鼎字型與Dalton Maag承製的企業訂製字體案件中，如為HP訂製的HP Simplified、為Intel訂製的Intel Clear客戶就希望字型檔案兼容嵌入式系統(embedded system)環境使用的低檔案量以及印刷的高品質需求，透過內部技術評估後，即以字根組字方式開發多字重的字型檔案交付客戶使用。

除了字型檔案量的大小外，一般使用者並不容易辨視字根組字的字型產品，目前，一般的使用者使用到透過字根組字技術所開發的產品的機會並不高，主要的原因在於此機制早期是針對嵌入式環境所設計的字體開發方式，現階段的硬體環境相對於10年前成熟，硬體中的記憶空間容許容納檔案量較大的字型，因此，廠商們開發出來的字型檔案都會是以通用的TrueType/OpenType字型為主。

可變式字型(Variable Fonts)在2016年ATYPI場合發佈，至今已經過了六年，字型開發商的態度有觀望也有積極開發，文鼎字型屬於積極開發可變式字型的中文廠商，最大的產品特色就是開發同時具備繁、簡中文造型的字體產品，在可變式字型的開發方向亦然，目前已經開發超過30套繁、簡中文造型的可變式字型，應用在設計師族群、中國大陸手機商城等領域。

設計師們應該都有過一個經驗，在Adobe Illustrator顏色面版裡，代表灰階的K值有0-100的設定值可以調整，這幾乎將人眼可見的灰階透過數字的方式呈現出來，進一步的若我們需要四色CMYK的色彩，我們也可以分別透過代表每一個色域的滑桿，將所需要的顏色調整出來；而字型，可以用滑桿的方式，讓設計師調整出所需要的字重甚至是字寬以及其他變化嗎？以目前字型技術領域的創新，數位字體設計進入了一個新的時代，我們可以藉由可變式字型的設計，實現設計師用字的想像。



文鼎可變式字型產品的基礎來自於以自有文字引擎開發的文鼎Infinity Font技術，文鼎UD晶熙黑體是第一個採用這個技術的產品，2012年晶熙黑體導入以內差方式開發字重家族，在當時就以可變式字型的概念，結合文鼎晶熙黑體全球字型設計於2013年獲得日本「GOOD DESIGN AWARD」設計獎「GOOD DESIGN Best100」殊榮，這是全球第一套滿足響應式設計(Responsive Design)的CCJ字型產品。



2021年7月，文鼎書苑宋繁體中文字型產品開始於iFontCloud平台銷售，目前已經有Text、Display、Contrast等屬性設計的書苑宋產品服務使用者使用，最後階段將釋出書苑宋可變式字型以及書苑宋長體字型(condensed)產品，以下我們就書苑宋可變式字型做說明介紹。

本期所要介紹的書苑宋可變式字型，產品名稱為「文鼎VF書苑宋_WrWCO」，關於文鼎可變式字型的字體命名規則，可參閱「從名稱認識文鼎可變式字型」文章介紹，「文鼎VF書苑宋_WrWCO」其最大的特色為一款具有四個變數軸的宋體中文可變式字型，變數軸包含有：

1. 字重(weight)
2. 字寬(width)
3. 對比(contrast)
4. 視覺大小最佳化(optical size)

應用上，讓設計師可以透過一個字型檔案，運用變數軸的交互調整，就能夠輕易的獲得不同調性設計案件需求的最佳字型。以設計師常用的Adobe Illustrator操作界面為例，使用者可以在字元面板中點擊「變數字體」按鈕，即可看到上述的變數軸，透過調整滑桿的方式，輕易的找到最佳的字體樣式。

瞭解可變式字型原理設計師應該可以知道，具有四軸可變字式字型的中文產品在設計與開發是有很高的挑戰性，然而，在外部的使用環境也存在著許多的挑戰，最常遇到的是軟體的支援與否（哪些系統、瀏覽器和軟體支援可變式字型(Variable Fonts)？），以及電腦硬體效能是否足夠因應可變字體變化時所需的計算效能。以我們的實際測試，在使用中文可變式字型時，會消耗大量的電腦資源，因此，我們會建議在使用中文可變字體時，盡量以一個標題所需的字數為主，做變數軸調整變化的文字字元數不要太多，以免出現電腦卡頓、誤以為是電腦效能不佳。

目前，文鼎VF書苑宋_WrWCO可變式字型產品為嚐鮮版的釋出，為的是帶來更多的創意與可能性，也期望藉由這樣的一個產品，降低設計師在字型調整的時間，透過設計師運用的巧思為設計案件帶來畫龍點睛的效果。此嚐鮮版字中文元數包含大部分的繁體中文，使用時若遇到缺字、無法順利做變數軸的變化或有其他的建議，煩請透過客服信箱讓文鼎團隊知道，我們收集到足夠的使用回饋，將其做正式產品化的重要依據。

目前文鼎VF書苑宋_WrWCO四軸可變式字型已經上架文鼎iFontCloud的書苑宋字型包、繁中旗艦包標準版、繁中旗艦包進階版等方案中。

字體設計的工程規格中，有個較少被人提及的專有名詞「UPM」，UPM全名為units per em。Em為字體設計上的一個單位，傳統上，em指的是活字印刷鉛字字身的高度；在現今數位字體設計上，EM化身一個虛擬的數位畫布，依字體設計的精細度需要，畫分出一個座標系統網格，這個座標系統大小的設定值最常見的是1000或2048，這個設定值，就稱為units per em，它決定了字體座標網格的粒度大小。


關於UPM數值的設定，基於TrueType和OpenType TT的字體，UPM的設定值通常為2048，而OpenType PS字體UPM的設定值通常為1000，但是也有設為256或512的情況發生，這樣主要是為了達到降低字體檔案的資料量或在特殊情境所需要的設定。

這些UPM設定值的大小除了與字體應用情境搭配外，在字體品質會有差異嗎？

我們以下方的圖例做說明，我們若將這三個圖形視為「點」來看，右方的點是基於UPM 256的設計，而左方的點是以UPM 2048作設計，我們可以看出兩者都有達到一般所認知「點」的概念，但若前提是「圓點」、「正圓」，那麼就一定是左方UPM 2048所設計的圖形才能符合標準。

也就是說，UPM值設定的越高，可以獲得更多包含曲線、造型等的設計細節，反過來說，若我們想要設計一款具備高品質、有細膩曲線描繪的字體產品，在UPM就會需要相對較高的設定值。

以中文字體產品來說，無論是TrueType或OpenType PS的字體，目前大多數的UPM設定都以1000為主，這是一個在產品品質與檔案量大小可以取得平衡的設定。

哆啦A夢的前身是小叮噹，高雄的舊名叫打狗，在你我日常周遭也有不少因為時代背景不同，而改變念法，但他們的本質是不變的，都是在陳述同一件事物，文鼎的字型名稱是否也有類似的情形呢？答案是有的，讓我們繼續看下去…。

早期市售的字型，多半是以光碟片實體的方式提供給購買者做使用，但因時代的變遷，很多科技產品販售的方式都改為線上作業，進而取代了以往實體的光碟片安裝。文鼎目前有上千套字型，服務使用者搭配iFontCloud字庫管理工具做使用，但身為資深文鼎老粉的朋友們，是不是在光碟片字型轉換成雲端字庫字型時有著一些疑惑呢，例如：之前使用的”文媛中圓”為什麼在iFontCloud購買的網頁上沒有看到之類的聲音，我們聽到您的聲音了，文鼎在iFontCloud網頁上加強了這一類字型的搜尋，現在只要在搜尋的地方打上早期舊字型名稱的關鍵字或完整名稱，就可以輕鬆地找到現在新對應的字型名稱，使用者可以安心的使用。

舉例：在iFontCloud網站上”字型搜尋”輸入舊字型名稱如：文媛，即可找到相對應的”文鼎圓體”


相對於早期的字型產品，目前對應新字型的內容會有以下變動：

1. 拉丁符號造型的優化與字間距調整
2. 瑕疵、錯誤修正

整體而言，文鼎字型產品不會隨著時間的流逝而逐漸凋零，而是與時俱進透過雲端的方式做產品更新以及服務使用者。文鼎也提供了新舊字型名稱對照表，以提供大家在對應上的方便性，煩請點選下方連結下載：新舊字型名稱對照表

流行音樂創作歌手陶喆，常看到他的名字是用「陶吉吉」的方式顯示，而非直接寫出「喆」，為什麼有一些字型「喆」呈現不出來？必須用兩個吉來表示呢？ 

繁體中文最常使用的字體規格為Big5-2003(大五碼)，共收錄13,060個漢字。但是，身處數位時代的使用者，文字的使用大多透過輸入法的方式呈現在軟體上，有時候有可能是因為使用者輸入文字時，選字錯誤，積非成是，有時候也有可能是當下標新立異，選型不選字，取「意」不取「義」，透過輸入法輸入、貼文複製，而用到非Big5字集的字元，而造成缺字的情形。

為了降低使用者用字缺字的機率，文鼎字型以現有Big5-2003字集為基礎，參考教育部字頻總表、中研院現代漢語語料庫詞頻統計、網路流行用字以及行銷與客戶服務所累積的資訊，彙整389個漢字，整合成Big5_AR 2021規格。新增收錄於Big5_AR 2021規格的字元，包含塵蟎的「蟎」、擀麵的「擀」、尊稱神明的「祢」、峰的異體字「峯」以及双、堃、宝、峯、崐、彣、喆、雫、邨……。



文鼎字型已著手規劃，挑選經典、熱銷的字型產品逐步更新為Big5_AR 2021規格，目前已經更新至此規格的字型產品有：文鼎書苑宋體、文鼎書苑黑體、文鼎簽字筆體、文鼎DC蔡燊軒行書體； iFontCloud文鼎雲字庫字體租賃服務的客戶，已下載啟用這些字型的使用者，在租賃期間，字檔會透過字庫管理工具自動地做檔案更新，若您是第一次下載啟用，則會直接取得最新字型檔案。未來，文鼎字型所開發的新產品，也會依此規格做產品化。

OpenType規格上一次重大的變更是在2016年9月釋出的1.8版本，它加入了可變式字型(Variable Font)的規格，至今5年已有許多可變式字型推出上市，有些訂製字型專案客戶也會要求提供可變式字型，不過台灣的字體廠商只有文鼎有發行可變式字型產品。

2021年12月OpenType 規格再次重磅更新¬釋出1.9版本，其中最主要的是對彩色漸變向量字型的支援(縮寫為COLRv1)。以下為讀者做簡要的介紹：
(1) OpenType色彩定義表(COLR)內的顏色從原本的單一顏色擴充為可以有漸層的變化，以下範例可以很明顯地看出兩個規格版本的色彩差異:

COLRv0:

COLRv1:


(2) 另外，在COLR表的前一版COLRv0雖然也支援可變式字型(variable font)，但只是字符外框可變，對於字符定義的顏色是不可以變更的；而COLRv1版本就有支援顏色可變的功能，可以在可變字體中加入調整顏色的變數軸。國外的underware字型設計公司已在2022年初發表了一組顏色可變的字體Plakato Color。

由於此新的技術規格才剛發表，一般編輯軟體都尚未支援，截至此文編輯時，已支援COLRv1的應用軟體只有Chrome核心的瀏覽器，預期其他主流的瀏覽器及編輯軟體也會很快的支援這種炫彩的COLRv1彩色漸變向量字型。也可期待市場上會有更多的彩色向量字型，特別是Emoji表情符號，可以讓用戶選擇使用。
 

參考資訊:

• Chrome 98支援COLRv1彩色漸變向量字  https://developer.chrome.com/blog/colrv1-fonts/
• 現有瀏覽器版本支援COLRv1的列表: https://caniuse.com/?search=colrv1

中文字體的組成包含漢字與符號，其中符號又可分為拉丁、數字、標符、日文Kana等，以繁體中文Big-5的規格為例，漢字所佔字元數的比例高達94%，如何有一個順暢的字體開發流程，以及高效率的造字系統是一個攸關字體產出效率的重要課題。

所謂萬丈高樓平地起，一款優秀的字體必須建築在前端的造型發想與筆畫設計，目前漢字的開發大多以漢字的最小組成單位「筆畫」來進行字體結構的組成，以「筆畫」為單位的開發方式，具有效率較高、利於修改與維護的優點。

下圖為文鼎的中文字體開發流程，從最左方的設計造型開始，經過筆畫分析、筆畫繪製的前期準備作業後，進行少量的試造字開發，當中評估設計細節、開發製程、技術，通過核可後，就進入穩定但期程最長的大量造字階段了，以繁體中文為例，一款字體在大量造字階段約需9個月的時間來完成，其後就進入字體美感品質與字體工程品質審核的品管字審階段，以上這些關鍵流程，在開發過程中如果有發現需要改善的地方，就會退回到前面階段，進行檢視與評估，確保字體產品在有品質、有計劃、有效率的情境下完成。

流程關鍵點解說：

1. 筆畫分析
   依字體造型，選擇合適的筆畫代表字進行筆畫的拆解與繪製，完成筆畫分析表，以文鼎UD晶熙黑體為例，繪製680個筆畫即可完成13060個中文漢字的組成。
   
   
2. 大量造字
   此階段主要執行以筆畫組成漢字的作業，透過文鼎字型開發的造字程式，將已經設計好的筆畫置入工作區，透過設計師的美感來進行建構組合。
   
   
3. 品管字審
   字體美感品質_
   這是很重要的工作，通常一套中文字型需要2~5個設計師協作，主設計師(chief designer)就需要監修各個設計師的產出，以確保整套字體的品質。通常這個工作是和大量造字並行，而且會循環多次。字體工程品質_
   此為產品化前最後一個階段，目的在確保每個字元筆畫位置、筆畫接筆、外框曲線、控制點數量等沒有瑕疵

4. 產品化

   將設計好的漢字、拉丁(Latin)及符號整合轉成TrueType/OpenType字型檔，並在Windows和MacOS上的軟體測試，通過測試後由產品經理派發至ifontCloud銷售平台進行上架銷售。

單音、獨體、結構方正的中文漢字，如明體、黑體、圓體等造型，在數位字體設計規格上，無論是應用在印刷或是螢幕顯示，筆畫數少還是多、字重細還是粗，大多將每個漢字字元設計在固定大小的方框內，在使用上，比較少注意到字元間距的排版。

我們先前在「定距字型與應用」的文章中題說明過符號/拉丁字具有定距設計(Monospace)與調和設計(Proportional)的設計規格，現在讓我們來看看當漢字與拉丁整合成我們使用的字體產品時，在使用上有沒有需要注意的地方。

下圖我們以Adobe 思源黑體與文鼎方新書做為範例，在圖的上方範例，是兩款字體在Illustrator上的排版顯示效果，對於視覺較為敏感的設計師可能會覺得「T」與「y」在字元距離的白空間好像比p, e來的大，下方是經過調整後的結果，整體上，提升了閱讀的舒適度與可讀性，視覺效果舒服多了。

形成「T」與「y」在字元距離白空間的問題，在於大多數中文開發廠商，對於漢字裡的拉丁字，僅對拉丁/符號字元做基本的調和設計(Proportional)，缺少對字元做進階的字元間距調整kerning的緣故，以致形成預設的字距對於某些字元組合的不理想，需要手動調整讓所有字元間的空白看起來和諧一致。

不過在Adobe軟體上，設計師們可以透過字元面版中「兩個字元之間的特殊字距」功能裡的「視覺」選項，快速的達到類似kerning字元間距調整的效果，主要是Adobe在「視覺」這個功能中，做到可以依據字元的形狀，來調整相鄰字元之間的間距。

目前Adobe CC版本的產品中，設計師常用的Photoshop、Illustrator、InDesign在字元面版都支援上述的功能，目前使用這個功能時，漢字與符號/拉丁字元都會起作用，若不希望漢字的字距受到調整，則選取符號/拉丁字元做調整即可，這點需特別留意。

不舒適的字距會讓設計失了分，適當的調整字距有助於閱讀的舒適度與可讀性，不過我們還是要提醒，瞭解所使用字型產品的特性，因應外部環境做最佳化的修正，才能讓字體的這設計元素為設計作品做加分。

看起來整齊、造型元素一致的美術字體，排版使用一段時間後，會不會覺得少了一分「人」的溫度呢？云康行楷、黃陽尖魏、清圓體、香蕉人體、陳森田MORITA、蔡燊軒行書體，有沒有驚訝到這些字體的名稱都是以人為名啊？

現行透過造字工具，以筆畫組字方式構成的字型產品，開發上，大多以嚴僅的製程在進行筆畫設計、造型元素、字間結構的統整，整合出具有個別特色的印刷、螢幕顯示字體。若我們往前探究，字體造型的根源會許會追溯到真人手寫的這條軌跡。文鼎公司自2015年開始，陸續與書法家、設計師、插畫家合作，引進具有特色的字體造型進行真跡數位字體的開發，每件產品皆以精品字的標準做產品化，在字體應用效果上，也開創手寫數位字體的先河，透過個別字元寬度最佳化的機制，將筆尖書寫的溫度展示在數位媒介中；目前為止，繁體中文、簡體中文合計共有26個字體產品，11位創作者的合作。

以下我們透過幾張圖例來讓大家認識文鼎DC (Designer Collection)系列，精品真跡、設計字型：

1. 文鼎DC云康行楷，支援語言：繁體中文、簡體中文
2. 文鼎DC黃陽尖魏，支援語言：繁體中文、簡體中文
   
3. 文鼎DC黃陽男神體，支援語言：簡體中文
4. 文鼎DC云康鋼筆行楷，支援語言：繁體中文、簡體中文
5. 文鼎DC光璐硬筆楷書，支援語言：簡體中文
6. 文鼎DC清圓體，支援語言：繁體中文、簡體中文
7. 文鼎DC蔡燊軒行書體，支援語言：繁體中文、簡體中文
8. 文鼎DC香蕉人體、文鼎DC陳森田MORITA，支援語言：繁體中文、簡體中文

透過上方簡單排版的圖例，應該可以感受到每款字體有著自我獨特的個性，呈現出多種氛圍，如果厭倦的使用筆畫組字的字型，不妨試試文鼎DC系列字體產品： 文鼎DC繁中DC風格包、文鼎簡中DC風格包
產品快速連結如下：

如果正在閱讀文章的您也想擁有一款具有個人風格的字體，歡迎您將一起加入心動字體的陣容，將您具有特色的書寫風格做投稿，詳細投稿辦法，煩請點選下方連結：字體合作辦法下載

或文鼎官網「字創」字體專區  

立即購買

每日，企業中，專案經理為了新成立的專案撰寫企劃書和時程規畫，業務與客戶提案用簡報介紹公司產品，福利委員會籌辦公司員工旅遊的行程表，公司和客戶之間的合約書等這些情境文字佔有相當程度的重要性，選用合適造型的字體來詮釋文句，可有效的增加訊息閱讀的效率、簡報的可讀性，更可增加讀者的印象。

文鼎雲字庫包含繁體中文、簡體中文、日文、韓文、拉丁等語言文字共有超過1500個字行可供選擇使用，當中更引進歐洲字型廠商Dalton Maag、Typotheque高品質的拉丁字型供使用者選擇使用。 

2021年文鼎新上架字體數量達到67套字之多，新字型有文鼎白玉書體H16C90、文鼎書苑宋HKDisplayH16~H62、文鼎簽字筆體、文鼎DC光璐硬笔楷书、文鼎花栗體…等，使用文鼎iFontCloud雲字庫字型賃服務，在租賃期間可免費的獲得新字體使用。

2021年新上架字體中最受大家關注和討論為文鼎花栗體，此套字型以花栗鼠與橡實外型做設計發想的Display Type。筆型設計帶有圓潤感，充滿著花栗鼠小巧可愛的樣貌，橫、豎筆畫無拘泥的建築於字體結構，以律動的方式帶出手寫字的溫度感，其展現花栗鼠的活力、不受拘束的性格，讓使用者能透過花栗體可愛、自由的特色在生活中增加幸福感。

繁體中文

繁中旗艦包 (標準)：繁中及英歐文字型，每季會增加新字型，共350套以上

文鼎繁中DC風格包(進階)：文鼎與設計師共同合作設計繁中字型，書法大師、插畫家、設計師手寫、手繪的真跡精選合輯，保留手書原貌，涵蓋經典書法、心動手寫、現代設計等風格

文鼎UD晶熙黑體-東亞字型包 (進階)：提供不同語系的晶熙黑體字型，包含繁中、簡中、日文、韓文及英歐文的晶熙黑字型包

方新書字型包 (進階)：提供繁中、簡中及Condensed的方新書字型

拉丁

AR Latin Font Pack (進階)：文鼎拉丁字型包共109套英歐文字型

Dalton Maag Font Pack 2019(進階)：英國知名字型設計公司Dalton Maag設計的282套英歐文字型包

Typotheque Font Pack(進階)：荷蘭知名的字型設計公司，字型支援西歐、東歐、北歐、希臘、斯拉夫…等文字及符號

日文

文鼎日文字型包(進階)：54套日文JIS 0208字型

韓文

Sandoll Korean Font Pack (進階)：48套韓文字型

簡體中文

簡中旗艦包 (標準)：簡中及英歐文字型，每季會增加新字型，共350套以上

文鼎簡中DC風格包(進階)：文鼎與設計師共同合作設計簡中字型，書法大師、插畫家、設計師手寫、手繪的真跡精選合輯，保留手書原貌，涵蓋經典書法、心動手寫、現代設計等風格

80年代開始的電腦數位字體，在特性上，相較於鉛字，有更容易開發多字重字體家族的特性，但是，在物理限制上，同一個字重若要使用在不同字號大小上，排版出來的顯示效果就需要設計師稍微的留意一下字元間灰度的一致性。

我們一直提到字體的使用與外部環境、載體有著絕對的關係，時間拉回到活版印刷鉛字的時代，初接觸活版印刷鉛字的朋友，看到鉛字的規格有著初號、一號、二號、三號、四號、五號、六號等規格，一時間除了看到鉛字大小的差異外，並不理解當中的用途以及鉛字的設計。

概略來說，在鉛字印刷的時代，鉛字的設計在同一個造型不同字號的大小上，字元設計的結構佈局具有細微的差異，這可算是近來optical size(視覺大小最佳化)概念的前身了，簡單來說，就是為了讓不同字號的字體可以有最佳的呈現，如：不同的應用情境、更清晰的顯示或具有個性…而做的細微調整設計，以達到文字最佳的顯示效果。

傳統上，字體由細到粗的字重變化是字體這個素材在應用時最常用到的屬性，但隨著科技持續的研發創新，字體使用的載體早已不限於紙張材質的媒介，更透過不同印刷方式、油墨特性呈現多元的樣貌，甚至在螢幕上的使用，也進化到肉眼分辨不出螢幕畫素的是網膜等級。

我們整理幾個字體應用在外部環境比較常受到影響的因子：

1.     光線明、暗

2.     直射光、反射光

3.     載體的不同：紙本、數位螢幕、紙張材質、螢幕解析度

4.     數位螢幕：白底黑字、黑底白字

電腦數位字體相較於鉛字印刷時代，在載體、使用環境上都複雜許多，以下，我們舉幾個例子來看看，在不同的情境上，遇到漢字筆畫數差異高的字元並列時，不加思索的直接使用字體，以及瞭解字體規格與特性後，微調後的排版效果，希望透過比較後，讓使用者更加的體認到字體使用上細膩、獨到之處。

範例一，文鼎毛楷、文鼎顏楷

文鼎毛楷是一款擁有Bold、Extrabold、Heavy三個字重的書法字體，簡潔有勁的筆型線條變化及長形字構設計，呈現秀麗的書法的風格，適合於小標題、大標題使用。

下圖白底黑字為反射光用字情境，黑底白字為直射光用字情境

在左上區塊，我們可以看到「蝦」這個字元的灰度弱於其他兩字，這時候，如果我們將「蝦」單獨這個字元的字重換成Heavy（右上區塊），視覺上，三個字元的灰度是不是就平衡了許多呢？

左下區塊黑底白字為類似廣告燈箱的直射光用字情境，這時候我們看字的光線會從背板直接射入我們的眼球，筆畫多的字，散發出來的光線量會比較多，因此適當的將筆畫多的字元粗度減細，可以降低視覺上光暈的現象發生，進一步的提升閱讀的舒適度。

同樣的，下方文鼎顏楷的使用也類似文鼎毛楷的原理，由此，我們可以知道，瞭解一款字體的特性、觀察不同的用字情境，適當的選用、挑選是必要的。

範例二，文鼎方新書

文鼎方新書是一款保留著黑體的簡練、穩重，也融合著明體的舒適、清雅的一款字體。這個使用情境無論是上方的白底黑字或下方的黑底白字，都是模擬廣告燈箱的直射光用字情境，與範例一不同。

範例一我們透過對字元進行字重的挑選，達到視覺上字元灰度的平衡，而方新書這個範例情情境，則是挑選已經預設好的字體設定來使用。當用字的載體環境都相同時（直射光），變數在於淺色底及深色底，我們會建議淺色底使用標準版的「文鼎方新書H7C95_H」，而深色底我們會建議使用有對漢字筆畫數較多的字元進行筆畫減細的「文鼎方新書H7C95D_H」，追求的都是降低視覺上光暈的現象發生，進一步的提升閱讀的舒適度。

不同變數下使用不同規格、不同設定的字體，甚至是加以細節的微調，如字元間距、字元高度等，以達到最佳的視覺效果，這是我們在本篇文章希望讀者可以學習到的地方。

以花栗鼠與橡實外型做設計發想的Display Type。筆型設計帶有圓潤感，充滿著花栗鼠小巧可愛的樣貌，橫、豎筆畫無拘泥的建築於字體結構，以律動的方式帶出手寫字的溫度感，其展現花栗鼠的活力、不受拘束的性格，讓使用者能透過花栗體可愛、自由的特色在生活中增加幸福感。

透過影片，讓字體設計師珳茹來告訴大家文鼎花栗體，從創意發想過程到字體設計創作、工程技術輔助字體設計開發，是如何進行這一連串的過程。

 (文鼎花栗體_EH搶先上架：目前產品規格為5,408個漢字+基本拉丁字元的嚐鮮版，購買單套字的客戶預計在2022/3，可以使用到完整Big5字集產品)

若是文鼎字型的鐵粉，有沒有發現近幾年文鼎的字型產品，在安裝後於軟體使用時，在字型選單列裡會出現另一組字體名稱幾乎一樣的字體，仔細一看，差別在於另一組字體名稱中多了「P」、「F」的代號。

幾年前，文鼎公司在與外部設計師交流的過程裡，不止一次聽過這樣的聲音，大致是這樣：在文章排版遇到中文全形符號的時後，常常需要花許多時間來調整個別符號的字間距，以免過大的白空間影響著版面閱讀的舒適度。

另一方面，真跡手寫數位字體的特色，除了字體造型外，每個字元的寬度、大小也不盡相同，我們將這樣的手感溫度帶入數位字體，讓每個字元在透過軟體排版後，仍然散發著人真人手寫的感受；然而，同時間字體也需要考量不同載體、軟體的相容度，這些都是在字體設計過程中字元規格的設計，連動到字體使用端文字間距調整的情境。

近幾年文鼎字型產品，如在印刷排版常會使用到的明、宋、仿宋、楷、黑、圓這幾類的字型產品，而且應用上，會在內文情境出現的字重規格，這些因素下，字型產品就會以TTC(TrueType Collections)的字體格是製作，裡面包含標準規格的漢字、符號以及有對常用39個中文全角符號進行調和(Proporitional)設計

的字型，這些有調整常用39個中文全角符號的字型，在字型選單列表裡，名稱中就會多了「P」這個代號，以下以文鼎書苑宋體為例。

而真跡數位化活潑風格的產品的情境剛好相反，通則上，以還原設計師寫字稿時字元的寬度為預設值，此時字元在排版上會呈現文字寬度擬真、有書寫韻律感的視覺效果；在兼容不同軟體對讀取字體的考量下，另外將真跡數位字型漢字的字寬，刻意的做等距的規格，在字型選單列表裡，名稱中就會多了「F」這個代號，以下以文鼎DC陳森田MORITA為例。

這些字型產品如果在Adobe軟體裡使用，要特別注意字元面版中「設定兩個字元之間的特殊字距」這個設定，若選到視覺，則文字會依Adobe的機制，根據字元的形狀自動調整選取字元間的間距。

什麼是WebFont?!

從字面上解釋，WebFont中文意思是網頁字型，即以網頁為載體，讓各種風格的字型透過排印呈現出來。在網頁上一般的閱讀文字多使用系統預設字體，標題、圖形上若需要使用的文字，大多讓文字以圖形的方式呈現，而WebFont網頁字型它是一種以真實文字方式呈現在各種平台瀏覽器上的技術。您可以為網站的內容或圖形上的文字選擇適合風格的字型，讓瀏覽網頁的使用者看見不一樣的效果，可以讓字型即時套用您的網頁上，讓網頁不在只有單調古板的預設字體。

為什麼要裝WebFont

早期網頁技術如果要用電腦預設字以外的字型做網頁，必須要將其轉換成圖檔，區塊性的丟在頁面上顯示，但如果文案需一改再改就必須對圖檔做修改，所耗費的時間成本相對的多，而這樣的網頁勢必要對圖片解析度有著相對高的要求，當然，一個網站如果高解析度的圖檔過多，可想而知，如果網站運行不想成為慢郎中，運作所需要的效能相對的要求更高，所付出的成本相對的也會跟著提高。

WebFont的是一種能夠在網頁上即時套用字型的技術，能夠解決網頁設計師對於內容修改上耗費多工的情況，也不用擔心效能上的需求問題，操作方式簡單易懂，只需幾個步驟，即可為您的網頁換上新的風貌。文鼎iFontCloud提供網頁字型技術的服務，讓網頁設計師能夠以合法、正確的方式，將iFontCloud網站上眾多風格眾多的字型放在網頁上。

以下以文鼎WebFont網頁字型為例，透過兩種方法簡單設定網頁字型，設定後即可用嵌入JS語法，呼叫Web Font的JavaScript連結嵌入網站，完成WebFont套用，詳情可參考 教學文件。

1. 在iFontCloud Web Font設定頁面挑選字型後自動設定

2. 將Web Font字型名稱寫在網站設定檔中(font-family)

WebFont就是一種以最實惠的價格，讓網頁效能極大化的服務，您還在等什麼呢?請參考網頁字型

工欲善其事，必先利其器，在設計師的職涯裡，Adobe軟體的使用一定是佔有一席之地，Adobe在推出Adobe Creative Cloud雲端軟體服務後，設計師們可以透過合理的價格，使用到Creative Cloud 完整應用程式裡20多款軟體，當中最常被使用到的Phothshop、InDesign、illustrator這三款軟體，我們來看看「字體」在這三款軟體的「字元」面版中呈現出哪些雷同與不雷同。

這三款軟體中，若要使用到字體，普遍上都會使用「字元」面版來查找合適風格、語言的字體做使用，但有沒有覺得使用上的體驗好像沒有不一樣，但又好像有哪裡一樣的感受呢？

據我們的觀察，確實，三款軟體對於字體在字元面版內容的呈現有以下些微的不同：

1. 字體語言的排序

2. 字體名稱的呈現

3. 可變式字體(變數字體/Variable Font)的呈現位置

「最近使用的字體」是字元面版下拉出來第一個出現的區塊，如上圖，我們就可以看到上述第二兩點所描述的不同處。InDesign在字體名稱的呈現與其他兩者不同在於繁體中文以外語言的字體，皆以英文字體名稱呈現，也就是說，今天我們若是在繁體中文作業系統使用繁體中文介面的InDesign，若排版文件需要使用到如簡體中文、日文等語言的字體，那我們可能就會辛苦一點，要去判讀此兩個語言的英文字體名稱來做字體的選用，還好Adobe在面版中，預設有字體造型sample的呈現，可以降低從英文字體名稱辨視字體的難度。

在常用字體區塊之後，基本上是依語言做字體順序的排序：

Phothshop：Emoji→繁體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…)簡體中文

InDesign：繁體中文→簡體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

Illustrator：Variable Font→繁體中文→拉丁→日文→簡體中文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

我們可以看到上方整理的資訊，Emoji與Variable Font排在語言使用之前，而Illustrator特別將Variable Font獨立出一個區塊，排在「最近使用的字體」之後的第二個順序做呈現，而Phothshop、InDesign則是把Variable Font和語言視為一個整體，混合在一起做排序。

這些都是使用上觀察而來的紀錄，而我們在這裡單純討論字體在字元面版上的呈現，UI設計不在探討範圍。

文字的使用是一種感性的行為，透過設計師的巧思，將語言思緒以文句呈現在畫面中，當中的介質，即為字型、字體。

設計師和廣告公司受委託，大量的將客戶的文字、圖形、影音等視覺元素進行處理，並加以排版製作成作品，類型涵蓋廣告、社群經營、包裝、海報、影片等，作品裡免不了需要字體做為訊息的傳遞或感情的溝通。

文鼎字型租賃服務，以自用、非自用為字型使用授權的區分標的（參閱iFontCloud文鼎雲字庫字型租賃授權介紹），讓乙方（設計師/廣告公司）清楚的理解字型的使用授權範圍，避免誤入智慧財產權的使用爭議中。

iFontCloud文鼎雲字庫租賃字型服務，除了提供種類豐富的自創字型，也與多位設計師合作開發，創造出經典書法、心動手寫、現代設計等風格的字型。此外，與國外多家字型公司合作，提供多語言的字型，合作對象有Dalton Maag、Typotheque和Sandoll。

FontCloud每季會進行新字體上架或字型更新，讓會員在租賃服務期間，仍能獲得最新、最即時的字型服務，以下以語言為分類，精選適合設計師/設計工作室/廣告公司使用的字型方案：

繁體中文 

繁中旗艦包(進階)：繁中及英歐文字型，每季會增加新字型，共480套以上

文鼎繁中DC風格包(進階)：文鼎與設計師共同合作設計繁中字型，書法大師、插畫家、設計師手寫、手繪的真跡精選合輯，保留手書原貌，涵蓋經典書法、心動手寫、現代設計等風格

文鼎UD晶熙黑體-東亞字型包 (進階)：提供不同語系的晶熙黑體字型，包含繁中、簡中、日文、韓文及英歐文的晶熙黑字型包

方新書字型包 (進階)：提供繁中、簡中及Condensed的方新書字型

拉丁

AR Latin Font Pack (進階)：文鼎拉丁字型包共109套英歐文字型

Dalton Maag Font Pack 2019(進階)：英國知名字型設計公司Dalton Maag設計的282套英歐文字型包

Typotheque Font Pack(進階)：荷蘭知名的字型設計公司，字型支援西歐、東歐、北歐、希臘、斯拉夫…等文字及符號

日文

文鼎日文字型包(進階)：54套日文JIS 0208字型

韓文

Sandoll Korean Font Pack (進階)：48套韓文字型

簡體中文

簡中旗艦包(進階)：簡中及英歐文字型，每季會增加新字型，共370套以上

文鼎簡中DC風格包(進階)：文鼎與設計師共同合作設計簡中字型，書法大師、插畫家、設計師手寫、手繪的真跡精選合輯，保留手書原貌，涵蓋經典書法、心動手寫、現代設計等風格

GB18030是中國大陸規範的的漢字編碼字符集標準，GB 18030-2005共收錄漢字70,244個。

目前GB18030有GB18030-2000 及GB18030-2005兩個版本，2000年發佈的GB18030-2000，全名是《信息技術 漢字編碼字符集 基本集的擴充》。GB18030-2000僅規定了常用非漢字符號和27,533個漢字（包括部首、部件等）的編碼，GB18030-2000是一個強制性的標準，市場上銷售的產品用字必須符合其規範。而2005年發佈的GB18030-2005在GB18030-2000的基礎上增加了42,711個漢字和多種中國少數民族文字的編碼，增加的這些內容是推薦性質，無強制規範。

簡要來說，目前若提到GB18030規格的產品，其對應的標準為GB18030-2005，其中27,533個漢字為基本必要的強制規範範圍。

什麼時候需要使用到GB18030字集的字體/ GB18030字集的使用範圍

由於GB18030字集的字元數多達兩萬多字，一般來說，在簡體中文的使用情境，基本的GB2312規格已經足夠使用，但在需要顯示中文姓氏、人名、地名等情況時，由於中文漢字的特性，在上述情況可會出現罕用字的使用，這時候就需要使用GB18030字集的字體來做排版，避免出現缺漏字的情況。

2005年11月發佈的GB 18030-2005版本中文編碼字符集，已要求各種電腦作業系統、字型產品、輸入法、應用軟體、及內建嵌入式系統的3C電子、通信設備，如Smart Phone、Tablet、印表機等周邊設備，要支援GB 18030字集。

中國大陸編碼標準的演進

1980年頒佈了第一個漢字編碼字元集標準，為GB 2312-80《資訊交換用漢字編碼字符集基本集》。此標準總共定義8,836個碼位，收納了6,763個漢字及682個常用符號，總共有7,445個字元。此規格在早期幾乎是唯一的標準，即使到目前為止，在中國大陸也是電腦系統、軟體及各種設備使用最廣泛的中文編碼標準。

1995年中國全國信息技術標準化技術委員會公佈了【漢字內碼擴展規範(GBK)】， GBK(K是"擴展"的漢語拼音第一個字母)，總共定義23,940個碼位，收錄了21,003個漢字與884個符號共21,887個字元。

2000年國際標準組織ISO又公佈了ISO 10646-1:2000（Unicode 3.0），主要是增加中日韓統一漢字Extension A的6,582個字元。大陸的GBK規格已無法容納新增的字元，因此GB18030-2000編碼標準就在原來的 GB2312-1980 編碼標準和 GBK 編碼標準的基礎上進行擴充。

字型產品與GB 18030的關係

中國政府對中文字型，尤其是簡體中文字型，訂定有國家檢測認證的標準，尤其是最常使用的4種造型字型：宋、仿、楷、黑，要求使用字型於產品顯示的3C通信、資訊、電子等廠商，必須使用政府認證的字型。一般常用的點陣字型（Bitmap Font），如12x12、16x16、32x32、 …等等，都有強制性標準。也就是說要向大陸官方購買取得公司使用授權，再將字型載入嵌入式系統產品上，如手機，電子字典、印表機等，這些產品才能銷售到大陸。

大陸對於向量字型的規範，採取審查核准使用的方式，簡體中文字體的認證，由中國政府的信標委及CESI (中國電子技術標準化研究所)負責，中國政府為避免各家字型公司，所開發的簡體字型品質不一，由中國官方特別指定的認證單位，訂定規範、製作、授權標準，針對在大陸地區使用之簡體字型之完整性、正確性、規範性、風格一致性、結構合理性等進行審核。因此，在中國所有使用於3C通信、資訊、電子等產品上之簡體中文字型，都必需是取得CESI認證的字型。因此對於採用TTF等向量字型的裝置設備，例如智慧手機、平板電腦、DTV/STB…等，就可以使用向量字型來取代需官方授權的點陣字型。

目前為止，文鼎已有11套字型取得CESI認證規範，分別是五套GB18030字集，六套GB2312字集，字型清單如下：

總結

在中國市場銷售3C電子、通信產品的國內外廠商，都已了解要進入中國市場，無論是軟體產品或硬體產品，必須採用中國政府標準規範的GB18030中文編碼字符集，及使用中國政府認證的中文字型產品才能順利做銷售。文鼎字型可以提供認證的GB18030字型，授權給3C電子、通信廠商，做產品設計、製造及銷售，將字型內嵌於產品中，廠商不但不用擔心符合規範的問題，又可以取得功能上與成本上無可取代的優勢。

黃陽的字體是書法的專業技術與現代造形特質的新媒合，長時間逐字用心書寫與設計，使尖魏體突顯了瘦金體的 利落美，結合了魏碑體的方折感，使字體的使用更具有文化意義與時尚氛圍。

黃陽，本名黃智陽，中國美術學院的書法博士，台灣師範大學的美術碩士，現任華梵大學藝術學院院長，是台灣具 影響力的書法及藝術教育學者專家，與文鼎合作開發數款真跡書法數位字型。

黃智陽教授長時間逐字用心書寫與設計，使〈黃陽尖魏體〉突顯了瘦金體的俐落美又結合了魏碑體的方折感，使字體的使用更具有文化意義與時尚氛圍。 黃陽尖魏體，支援Big5字集，採用TTC字型格式，同時提供手寫造型的定 距符號與調和符號，及內文造型的調和符號。

不重複的美感，黃陽尖魏體的特色，提供812個疊字替換功能，可應用於Adobe InDesign、Illustrator...等 軟體，作不同寫法的疊字替換

產品規格

語言

 繁體中文Big5-2003 + HKSCS 2016

 繁體中文Unicode 3.0

格式

 TrueType Collection

TrueType Collections (TTC)是一種允許將多個字型合併為一個檔案的字檔格式，以黃陽尖魏體為 例，安裝一個TTC字型檔案，即可在軟體中使用到三個黃陽尖魏的字體設計：即同時提供手寫造型 的定距符號與調和符號，及內文造型的調和符號。 黃陽尖魏體針對43個常用全角符號做調和(Proporitional)設計，使用者可以依自己的喜好及需求， 選擇常規的全角符號字型或是有標示P的常用全角符號調和設計產品。

黃陽尖魏體也另外設計一款拉丁造型與漢字做搭配，以因應大量長篇訊息閱讀的應用需求。

 OpenType

OpenType 是由 Adobe 和Microsoft 聯合開發的跨平台的字體格式，副檔名為.otf。在Adobe 軟體 均可使用OpenType 格式字體支援的功能選項，下圖為在Illustrator使用salt ( 文體替代字)的範例

應用範例

可變式字型(Variable Fonts)是OpenType字體格式的一種，從2016年發佈至今，與以往的字型檔案的使用經驗不同，只需安裝一個可變式字型(Variable Fonts)檔案，即可使用該字型定義的可變屬性，如字重(weight)、寬度(width)、傾斜(slant, italic)、光學尺寸視覺調整(Optical size)等，變化出一套完整系列字體，不再需要安裝10幾個字型檔案，大幅減少安裝字型套數且有效降低字型檔案大小。

可變式字型(Variable Fonts)讓設計師的設計帶來更多的變化，透過彈性的微調字型細部參數，打造出專屬的字型樣式，讓作品更具有視覺吸引力。

可變式字型(Variable Fonts)使用需要在支援可變式字型(Variable Fonts)的作業系統與軟體中使用。以下列出各作業系統、瀏覽器和軟體最低支援版本。

作業系統

作業系統顯示可變式字型(Variable Fonts)是用字重加樣式方式呈現

瀏覽器

瀏覽器支援顯示可變式字型(Variable Fonts)的變軸設定(Weight、Width、Italic、Slant、Optical Size)，如何將可變式字體使用於網頁上可參考下方應用新知連結中的文章https://ifontcloud.com/index/newknowledge_detail.jsp?id=89

軟體

可以利用可變式字型檔案量小，但透過變數軸的調整，為您的作品提供更多的字體面貌。

部分軟體如MS Office 365 Word、Apple Keynote，未完全支援可變式字型的使用，但是使用者仍可使用到可變式字型預設的字型實例，如下圖

Windows Office 365 Word

Mac Office 365 Word

Apple Keynote

在” 如何合法取得文鼎字型”中有提到的實體卡，可能會有很多人好奇，甚麼是實體卡，又要去哪裡購買，文鼎雲字庫除了透過iFontCloud網站上購買外，也可以透過經銷商展碁的通路購買文鼎雲字庫實體卡來使用字型。

如果購買實體卡的用戶不太清楚要如何開啟，今天這篇小文章就來帶大家一起透過實體卡，來啟用字型服務方案。

Step1實體卡上，將序號刮出會取得一組序號

Step2 開啟瀏覽器連線治 序號啟用網址https://ifontcloud.com/index/arphic_card.jsp

Step3 輸入序號成功後，如果有帳號即可立即登入，如果不是會員可先建立帳號

Step4驗證成功後會跳出輸入授權對像填寫畫面，請填寫完畢送出

Step5完成授權對像填寫後，可下載安裝字庫管理工具

Step6 完成字庫管理工具安裝後，登入帳號密碼

Step7 登入後，可到”訂單資訊”查看您的訂單並點擊啟用，即可完成訂單啟用

Step8 可到”我的字體”在想套用的字型”點擊安裝”即可套用字型

照著以上的步驟，大家是否對實體卡有更進一步的了解，如果在操作上有問題，歡迎大家詢問，文鼎專業的客服團隊，會為您做詳盡的答覆。

可變式字型(Variable Fonts)是OpenType字體格式的一種，這種字型格式可支援字重(weight)、寬度(width)、傾斜(slant, italic)、光學尺寸視覺調整(Optical size)等可變屬性的定義，使用者在應用時可以立即變化出一套字體家族的不同樣式。

可變式字型的特色在於可隨使用者的設定或是依應用程式的自動判斷，變化出將近無限種的字體屬性組合。只需要一個字型檔案，就可以無間段調整該字型提供的字重、字寬或對比等可變屬性，讓設計師用字的創意不再受侷限，同時也減少了龐大字體家族所需要的大量記憶體空間。

文鼎是一家字型廠商，近幾年也陸續承接了許多字型配對的案件，主要都由英歐文字的需求開始，做中文、日文、韓文的字體搭配。以我們所處的環境，每天眼睛看到的繁體中文，對我們來說是最熟悉不過的文字，但是，對於文字來說，透過筆畫造型、字體結構等變數因子的設計，會產生許多不同風格的字體產品出來，茫茫字海中有沒有什麼方式可以讓使用者快速的找到所需使用的字體呢？

喜歡喝咖啡或常逛咖啡館的同好如果有注意到的話，應該會知道「咖啡風味輪(Coffee Taster's Flavor Wheel)」，它時常以海報的形式掛在咖啡館中展示，如果沒有看過，有機會的話多走幾間咖啡館，留意一下牆面的海報，就會發現囉！我們參考咖啡風味輪的概念，將其延伸到字體來，以漢字為出發點，從以字型應用的角度，試圖將抽象的感受具體呈現出來，用圖像形式設計出一個具有感性、具有情感的字體分類系統，讓使用者需要以感受來選字時，可以透過字體風味輪找到對應的字體，減少找字體、選字體的時間。

感受這種東西是一種主觀性的認知，為了盡量找出符合大眾想法的感受，在繪製字體風味輪之前，研究團隊做了以下前期研究：

1. 研究咖啡風味輪期發展過程，是否有可借鏡之處？

2. 以人為單位，不同的個體對字體造型是否有共通感受？

3. 字體造型是否受到文化發展的影響

4. 越來越多的跨語系字型Matching，風味輪/個性輪的定義，是否對此有幫助？及智慧顯示的應用？

我們認為感受性的事物會因為人、事、時、地、物等因素而有不同，因此我們也藉由公開的投票系統，讓參與者參加字體風味輪分類的統計，讓字體風味輪不僅是一個圖像，而是能呼應外界的變化具有生命力的模型。

最後，整合我們所收集到的數據，將這些資料整合到字體的資料庫，讓每個字體都有自己的標籤分類形成字體風味輪。

文鼎字體風味輪檔案下載

讓你的 IG 限時動態與眾不同！！！Fonts Fun App 有60種精選的中文字體，可以讓你在社群軟體、筆記、或是簡報製作上都有更多元的字型盡情的創作！

Link: 

https://agirls.aotter.net/post/59343

時間在2016 年底，Microsoft、Apple、Adobe、Google聯合發佈了OpenType 1.8 可變式字體Variable Font。

一個可變式字體檔案可以包含傳統靜態字體家族中的每一個字體。如果使用者端在字體有使用到兩個字重以上的情境，基於可變式字體技術的特性，字體的檔案資料量是可變式字體的一個優勢，我們以文鼎UD晶熙黑體G30字體為例，如果設計案件需要使用5個字重、4個字寬這樣龐大的字體家族，那麼總共20個字體檔案約有160MB，但若採用可變式字體，則僅需20MB，足足減少了87.5%的檔案資料量。

更好的是，設計師和工程師還可以幾乎不受限制的使用可變式字體中的變化。例如字重與字寬的變化，使用者可以在Medium、Heavy或與長體Condensed間透過變數軸或參數的調整自由穿插的使用字體。隨著可變式字體的推出與應用軟體的支援，我們可以預測到可變式字體使用上的好處：為網頁/UI工程師在多字重字體資料量提供更好的壓縮，為設計師在作品上提供更細膩的呈現，以及為讀者提供更精緻的閱讀體驗。

可變式字體在2016/11月發佈後，最早支援可變式字體的主要設計軟體是 Adobe Photoshop、Illustrator 和 InDesign。如今，這些軟體內建了多款英文可變式字體，因此，現在數百萬使用 Creative Cloud 的設計師都可以體驗到可變式字體這種新的排版潛力。

使用情境如果移轉到Web呢？我們先來體驗一下吧！將滑鼠經過下方文字，看看會有怎樣的效果～

這個效果都是可變式字體透過CSS的設定所設計出來的互動呈現，我們分解成5個步驟：

1. 設定Web Font

於網頁內嵌入Web Font JS

2. 準備好小篇幅文章，設定於網頁內

例如文字為『文鼎晶熙黑』，將文字用<span>分別組合起來並放入網頁內<span>今</span> <span>晚</span> <span>我</span> <span>想</span> <span>來</span><span>點</span>

3. 設定字型名稱\

span {

    font-family:'文鼎VF甜妞體_Wr';

}

4. 設定動畫呈現

預設文字字重為 300

span {

    font-variation-settings: 'wght' 300;

}

當滑鼠移到文字上時，將字重設定為 600

span:hover {

    font-variation-settings: 'wght' 600;

}

5. 加入一些進場、退場效果

設定3秒回到原始字重300

span {

    font-variation-settings: 'wght' 300;

    transition: 3s;

}

設定0.1秒字重設定到600

span:hover {

    font-variation-settings: 'wght' 600;

    transition: .1s;

}

透過以上五個步驟及CSS的設計，就可在網頁上以文字輕鬆、快速的呈現出動態效果來。在現在的桌機和移動設備上主要的瀏覽器大都已支援可變式字體的顯示，支援的瀏覽器版本整理如下表，因此，我們可以期待，透過更多可變式字體產品的推出，網頁的面貌將在互動設計師與網頁工程師攜手下，帶來許多的視覺觀感體驗。

如果對於可變字體在網頁CSS動態效果的設定有興趣的話，下方網址有更多中文可變式字體套用Web CSS設定的使用範例。

https://ifontcloud.com/index/variablefont_demo.jsp

文鼎網頁字型方案

https://ifontcloud.com/index/plan.jsp

電腦安裝太多字型，每次都要花很多時間從頭開始，卻還是找不到要使用的字型，令人覺得頭痛，再加上不同軟體讀取字型名稱的方式不同，有時候明明安裝中文字型，但是字型清單顯示的卻是英文字型名稱。

以下我們以在台灣使用繁體中文介面的Windows作業系統說明如何在軟體中找到文鼎字型。

文鼎字型的中文名稱大多以「文鼎」這兩個字開頭做顯示，英文則是「AR」，在iFontCloud文鼎雲字庫網頁或iFontCloud字庫管理工具中有提供字型的中文和英文名稱，讓您清楚知道字型的名稱，搜尋字型更容易。

常用的Office 軟體，如：Windows 2013 word、Excel和PowerPoint，在顯示字型的下拉選單中，輸入字型名稱的第一個字「文」或「AR」即可快速到達相同名稱字型的位置，此時點開下拉選單就能更換為其他字型。這裡有一個字型語言及作業系統語言的變數要注意一下，一般來說，繁體中文字型名稱大多為中文顯示，而簡體中文的字型名稱則為英文；如果作業系統是是Windows簡體中文版，則規則相反，繁體中文的字型名稱以英文顯示，簡體中文字型名稱則是中文。

而設計師常用的Adobe系列軟體，在Photoshop、Illustrator中，繁體或簡體字型的字型名稱都是用中文顯示。在字元視窗中，輸入任一字型的名稱關鍵字後，Adobe的字型運算機制即會將該關鍵字相關的字型列出，這樣就加快了使用者找字的效率。倒是要特別題一下，在InDesign裡，若在繁體中文的作業環境，簡體中文字型是以英文的字體名稱做顯示。

從上方簡要的說明，我們可以這樣說，在字型公司的字型工程做業端要兼顧到字型使用的各個環節，確保在任何環境上字型產品都能被正確的顯示與使用到，這確實是一件專業的工作，也是整體造字工藝中重要的一環。

在前一篇文章「字符集：Big5與Unicode的差異」提到，我們在個人電腦上無法打出想要的字元或無法正確顯示字元，大多是因為使用的字型所支援的字符集涵蓋範圍的多寡而造成的缺字情況，這是設計師或一般使用者會遇到的缺字原因；還有一種是在公家機關或是企業的資訊系統中會遇到的缺字情況_因字型編碼相容的問題所造成的缺字。

很多公司企業財會單位使用的報表系統還是封閉型的系統環境，追求的是系統的安全性、正確性與穩定性，每一次系統的更新就需要一筆龐大的費用，因此，若無重大使用上的問題，在預算考量上往往會選擇沿用現有系統，而不耗費預算升級到新系統。在這樣的情況下，使用單位/公司有可能會因為報表系統比較老舊，只能支援Big5字集，以至於開發的系統軟體無法使用Unicode字集字型顯示，造成列印、輸出漏字或亂碼的情況，此時就會需要透過Big5造字碼位來進行造字。

什麼是造字碼位，由於現在的Windows系統內碼是使用Unicode編碼，但如果我們使用的應用軟體無法直接支援Unicode編碼，就必須要將Unicode資料轉換成Big5編碼的資料，在Big5編碼的碼區裡有定義四個區域可以用來存放使用者造字，我們可以把Big5字集不包含的Unicode編碼的字，依照我們的需求將其存放在這四個造字區內。如此一來，就可以像古代倉頡造字那樣，為自己的資訊系統環境添加一些造字，解決在Big5編碼範圍內，電腦環境中無法正確顯示Unicode編碼的字之困擾。

不過，因為每個機關所使用到造字的時機與難字不全然相同，所以同樣的造字碼位所存放的難字在A機關與B機關通常是不一樣，因此使用造字碼位所存放的資料是無法直接互相交換，需要透過另一個CNS11643資訊交換碼來串接交換，讓資訊在交換的過程中不會缺漏。

微軟雖有提供造字編輯程式，可以供使用者使用，以編輯點陣圖的方式造字，雖然介面較為簡易上手，但需要以畫格子的方式逐一將字元圖像點畫出來，在美感上不是那麼好看也較費時。

文鼎了解機關企業的造字需求，開發了更為便利的造字管理系統，以解決造字編輯美觀、便利性的問題，如此一來，就可以輕鬆解決缺字的問題。資訊交換的問題，文鼎也可以協助您。

文鼎公司成立滿三十年，回顧文鼎字型產品，主要投入在東亞的字型開發，包含繁體中文、簡體中文、日文這三個語言字型；另外，還有其他如泰文、阿拉伯文、印度文及歐文字型。在這些語文當中，又隨著各國資訊處理發展演變及國際標準化規範的潮流，衍生出不同技術規格的產品，如我們熟悉的繁體中文，在字集規格面，可分為Big5、Unicode 2.0、Unicode 3.0…等規格。因此，我們可以理出一個字體命名的大方向：先看語言、字集，再延伸其他字體屬性。

技術規格面主要包含字符集(也常稱為字集, Character set)、字型格式：

字符集以語言為基礎，在繁體中文、簡體中文、日文有以下常用的規格：

繁體中文：Big5、Unicode 2.0、Unicode 3.0

簡體中文：GB2312、GB18030

日文：JIS X 0208、JIS X 0213、A-J1-3

字型格式主要分為兩大類：TrueType、OpenType，其中，TrueType又包含了TrueType Collections(TTC)，這是一種允許將多個字型合併為一個字型檔案的格式。TrueType格式的字型產品，在產品名稱後面大多加上B5、 HK、U30字符集的縮寫來傳達產品語言的支援情況，但在OpenType格式的字型產品，我們以字元數量的多寡為基礎，分為Std、Pro兩個系列，以繁體中文為例，標準的Big5字符集產品在OpenType格式的字體名稱後會加有Std標示，而Big5+HKSCS(香港增補字符集)則有Pro的標示，如：文鼎UD晶熙黑體 B5Pro。

接著，我們就可以來細看一些字體名稱上的代號概述：

表示語言/字符集

G30：簡體中文GB18030字符集，如：文鼎UD晶熙黑体XG30 (若簡體字集沒有標示G30則為GB2312字集)

U30：繁體中文Unicode 3.0字符集，如：(若繁體中文沒有標示U30則為Big5字集) ，如：文鼎UD晶熙黑體U30

HK：字集中含有香港字符集，如：文鼎UD晶熙黑體HK

JP：日文JIS X 0208字符集，如：AR UDJingXiHeiJP

KR：韓文 _KSX1001字符集(Hangul Only) ，如：AR UDJingXiHeiE1KR 

表示字型屬性

C：長體(Condensed)字體設計，EM 1000下的字體設計規格，提供C80、C90、C95等3種字寬變化，C80表示字面框的寬度為高度的80%，如文鼎方新書H7C80。

X：EM 1000下的字體設計規格，字體字面寬縮小成95%的版本，形成長型字的字體感受，如：文鼎UD晶熙黑体XG30

E：E (加一碼數字)產品中的英歐文符號為另一中種造型的設計，以文鼎UD晶熙黑體為例，標準產品搭配 AR Dori Sans造型的英歐文，而文鼎UD晶熙黑體E1搭配AR NewHebe Sans造型的英歐文。

P(適用於TTC格式)：

繁體中文、簡體中文_字型中的常用全角符號為調和設計(Proportional)，如：文鼎UD晶熙黑體PHK。若無標示P，則字型中的全角符號為定距設計(Fixed pitch)，如文鼎UD晶熙黑體HK：

日文_除全角符號外，日文中的KANA符號也做調和設計(Proportional) ，如：ARマーカー体P。

F(適用於TTC格式)：中文手寫字體漢字字寬維持定距全角的寬度設計，如：文鼎DC香蕉人體F。

Display：標題用字，字型設計特徵符合標題、大字的使用情境，如：文鼎書苑宋DisplayH16。

Text：內文用字，字型設計特徵符合內文、長文排版的使用情境，如：文鼎書苑宋TextH32。

H16、H32、H46、H62：絕對值，字型設計規格，描述在EM 1000的設計規格下，橫筆的粗度為上述數值單位的呈現，如：文鼎書苑宋TextH32。

H7：比例值，字型設計規格，表示字型設計上，橫向筆畫的粗度為直向筆畫粗度的70%，如文鼎方新書H7。

表示字重

HR: Hair 

TH: Thin

L / LT: Light 

M / MD: Medium 

D / DB: Demi Bold 

B / BD: Bold 

E/ EB: Extra Bold 

H / HV: Heavy 

EH: Extra Heavy 

DBL: Demi-Black 

BL: Black 

UBL: Ultra Black

表示產品設計分類

DC：Designer Collection，為文鼎與外部設計師、書法家、插畫家合作開發的字型產品，如：文鼎DC清圓體。

UD：UD Font (Universal Design Font)字型設計，就是延伸自Universal Design，設計精神包含：識別性、易讀性、設計簡潔，如：文鼎UD晶熙黑體。

表示可變式字型

Wl, Wr, Wu: 字重(weight)軸的極細段(light), 中間段(regular), 極粗段(ultra)

W: 字寬(width)軸

C: 對比(contrast)軸

G: 中宮(zhong gong)軸

H: 字高(height)軸

O: 光學尺寸視覺調整(optical size)軸(微字型, 標誌用字濃淡度調整)

S: 樣式(style)軸

多種字型名稱代號的定義，代表著產品設計因應著外部變化的腳步，讓字型產品輔助使用者，為設計帶來最佳的視覺效果。

我們在輸入文字的時候，有時候是不是會遇到字元無法顯示的缺字情形呢？缺字有可能是許多情況造成的，但最常見的情況是缺的這個字，沒有收錄在Big-5字符集裡，這時候，使用支援Unicode 2.0或3.0字符集的字型，大多可以解決缺字的情況。

什麼是Big-5

Big-5 又稱為大五碼，是最常使用的繁體中文字符集，共收錄13,060 個漢字，及441 個全角符號。Big-5 普遍使用於台灣、香港與澳門等地區，唯它並非當地的國家標準，只是業界標準，最新版本是Big5-2003。

什麼是Unicode

Unicode 是全球通用的字元編碼，收錄了世界上所有國家及地區的文字及符號，在1991 年首次發佈了The Unicode Standard，目前最新的版本為Unicode 13。而繁體中文普遍使用的Unicode 3.0共收錄27,484 個漢字，而2005 年發佈的Unicode 4.1 已收錄超過10萬字。

Big-5與Unicode的差異

很多人常常會把兩者相互比較，而到底兩個的差異在哪呢，簡單來說，我們可以用支援字數多、寡來做區隔，用一個比較簡單的方式來比喻，把Unicode想像成裝雞蛋的大籃子，Big-5則是大籃子中的小籃子，而這些字碼則是籃中的雞蛋。前面我們提到，Big5-包含有13,060個漢字，其包含在Unicode的大籃子中，因此，可以解釋成Big-5是Unicode的其中一部分。所以在一般Windows作業系統中常會有打不出來的字，或是出現亂碼，很大的原因是因為Big-5的範圍內沒有支援到Unicode的字，已經做超出小籃子的負荷了。

如果出現這樣的情況，通常選擇使用援Unicode 2.0或3.0字符集的中文字型，大多可以解決缺字的情況。要如何選擇、使用文鼎公司繁體中文有支援Unicode字符集產品呢？最簡易的方式就是在iFontCloud網站字型頁面上輸入「U30」這個關鍵字，就可以看到有支援Unicode 3.0這種大字符集的字型產品，目前共有25個字型檔案可以選擇使用。

在產品上，Big-5與Unicode這兩個字符集的產品要如何分別呢？以文鼎UD晶熙黑體為例，在字型名稱上若有看到U30，即表示這個字型產品是支援Unicode 3.0字符集的產品，若沒有看到標示，則為Big-5字符集的產品，如文鼎UD晶熙黑體U30與文鼎UD晶熙黑體U30。

文鼎公司關注到字型產品除了設計上創意的專注外，也考量到應用面用字的需求，如小字號文字閱讀的清晰度、辨識度。

一款字型產品是如何的被決策出來做量產的，首先要評估的是產品會被用在哪裡？決定了使用目的，依情境定義使用字號(font size)，有了這些後，才會有後續的設計規格的延伸。回到設計師的字體應用情境，在執行設計案件時，字型對於設計師來說是眾多設計素材之一，但在資訊訊息呈現，字型一定是一個重要的選擇。文鼎公司關注到字型產品除了設計上創意的專注外，也考量到應用面用字的需求，我們看到了字型在設計上被使用在小字號的需要，也看到了閱讀上，小字號文字清晰度、辨識度上的重要性，因此在字體設計與造字工程上進行整合，開發出一系列專屬使用在小字號情境的微字型產品。

在鉛字印刷時代，每個字號鉛字有著固定的物理大小，我們以築地明潮體舉例，可以看到上方的那排是築地明朝初號到六號放大到一致大小的情況，下方是文鼎上海宋實際使用大小的示意圖，透過觀察，用於內文小字的六號字(8pt)與標題大字的二號字(21pt)兩者在筆畫細節處有著設計的差異，以筆尾末端的設計為例，因為二號字呈現的字號較小，因此需要稍微加重筆尾的厚度，使其在顯示時不至於虛掉、灰掉，而用於大字的二號字，是要清楚呈現明體的特徵，因此做較細緻的設計。這是早期鉛字在設計上考量實務用字大小所做的設計因應，但數位字體使用的媒介與情境與以往有很大的不同，特別是向量字可以任意縮放大小的特性，這絕對不是鉛字可以比擬的；然而若是使用在如六號字(8pt)的大小，字體是否還可以清晰地呈現呢？

以文鼎UD晶熙黑體為例，雖然晶熙黑在設計之初，已經考量印刷、螢幕顯示的使用，但因漢字筆畫多、寡的對比情況在極小字的使用情境下，仍然會有糊字影響到視覺效果，以下圖左右兩邊的對照來看，右方的微字型與左邊標準版的晶熙黑體，在閱讀視覺上所形成的跳躍，已經明顯的降低。

微字型產品是如何達到這樣的效果呢？關鍵是設計師將漢字由筆畫多寡由少至多作排序，透過設計師與工程師的合作，筆畫少的字元，不改變筆畫的粗細，筆畫多的字元，依視覺灰度做筆畫粗細漸進的調整，來達到小字顯示時降低糊字的情形，因此，微字型的產品特別適用在3-8P的環境，相對的，若是標題以上的大字號顯示，則建議選用標準版的產品。

下圖是由美可特品牌企劃設計應用文鼎UD晶熙黑體微字型所設計的面膜包裝，我們將重點放在背後的用字上，回到字型選擇應用面的考量，透過畫面，我們可以感受到這些字的使用size是很小的，如何在小字保有清晰的顯示，是這個案件選用微字型產品的要點。

目前已經開發完成的微字型產品，造型為經典的黑體與圓體，語言包含繁體中文、簡體中文，其中文鼎UD晶熙黑體微字型產品支援Unicode 3.0 及GB 18030大字集的規格，降低設計師在排版缺字的機率，提升使用感受。繁體中文晶熙黑體微字型也將長體字型納入，排版上有利於有空間限制的版面容納較多的文字資訊。微字型產品的推出獲得了設計師的肯定，未來也會持續開發將新的微字型產品，想要了解詳細文鼎微字型產品的支援情況，歡迎前往文鼎iFontCloud瀏覽。

點我前往>文鼎iFontCloud_微字型

文鼎提供單套字試用時間為60分鐘，字型試用的步驟如下：

1.請先加入或登入iFontCloud會員

2.在網站中找到需求的字型頁面，點選「試用按鈕」，加入成功會跳出訊息「成功加入試用清單，請至字庫管理工具中安裝字型」

範例：文鼎書苑宋 https://ifontcloud.com/index/font_intro.jsp?family_font_id=1495183086961

3.下載和安裝iFontCloud文鼎雲字庫軟體 https://ifontcloud.com/index/tool.jsp

4.開啟iFontCloud文鼎雲字庫軟體並輸入iFontCloud會員帳號密碼登入

   登入完成後，點選「試用字體」頁面

5.在「試用字體」頁面中滑鼠左鍵點選  安裝字型， 顯示藍色表示字型安裝成功，安裝成功後開始從60分鐘倒數計時

6. 請不要結束iFontCloud文鼎雲字庫軟體，保持啟動狀態並開啟您要用的軟體，查看軟體中是否顯示已安裝的試用字型

罕用字是指不常見到或不熟悉的漢字，又可稱為生僻字、冷僻字、罕見字等，最早出現在商代的甲骨文，前些日子有一首大家朗朗上口的歌-生僻字，用輕快的旋律唱出一些歌詞乍看之下根本不會念的字詞，沒錯，這些就是罕用字，罕用字通常是一些字典不會收入的字，經常出現在罕見人名、地名、古詩中的押韻。

但這些看似古代字的罕用字，在古代未必不常被使用，因為在古代這些我們現在幾乎用不到的字，以前可能是熱門精選也不一定，罕用字沒有一個標準，至古至今有不少人的姓名中包含罕用字，在古代，由於避諱的傳統，很多人都會使用僻字來避免麻煩他人，不少皇帝的名字包含罕用字就是為了避免擾民。

然而，在這個電腦普及的現今，很多的罕用字並未收入Unicode，而導致電腦無法正常輸入這些漢字，因而造成在辦理銀行業務或護照上的種種麻煩，以前如需要解決這個問題，最根本的方法就是使用常用漢字命名，以避免姓名中罕用字難以處理的情況而引起爭議。

由於罕用字實在不常用到，所以在發音或是查找上有些許困難，在文書處理上有個小小秘訣，以windows 10作業環境為例，可以使用拼音輸入法先將罕用字的部件拆開看，舉例說明，以”垚”為例，是由三個”土”字組成，所以可以用拼音輸入法先打一個”u”後面加上”土”字的拼音三次，這個字將會顯示出來，這個小小的方法可以讓人對罕用字更加有興趣，您也可以試一試。

文鼎方新書立於黑體，保留黑體的簡練、穩重，融合明體的舒適、清雅，開發以高規格審視標題用字之識別性、內文用字易讀性，產品跨語言、多字重，字體家族包含長體字設計、可變式型(Variable Font)，整合出標題、內文應用情境的全方位字型。

文鼎UD晶熙黑體設計簡潔流暢，跨語言、多字重，字體家族包含長體字設計、可變式型(Variable Font)、微字型(Macro Font)，整合標題、內文的全面應用情境。

使用iFontCloud文鼎雲字庫軟體一段時間後，如果也想要在另外一台電腦上使用字體，在新電腦下載安裝iFontCloud文鼎雲字庫完成後，你可能會遇到啟用訂單時出現告知「無法啟用訂單」或是「授權已滿」的訊息，這時候該怎麼做呢？

由於iFontCloud文鼎雲字庫軟體的授權認定是以認定電腦設備為單位，當更換電腦或是重灌電腦(會視為新的電腦)必須將原本的電腦授權移除才能在新的電腦使用，此時需要到iFontCloud網站的租賃管理頁面移除舊電腦的授權，才能在新電腦的iFontCloud文鼎雲字庫軟體訂單頁面啟用訂單。

iFontCloud字型服務授權移轉操作步驟說明如下：

1. 請至iFontCloud進行會員登入

2. 登入完成後，點選圖示，於下拉選單點選「租賃管理」

移除授權前

移除授權後

在使用Microsoft Word編輯文件時，為了讓文件維持編輯時的排版樣式，通常我們會採用將檔案轉成PDF的方式做保存。但是，從word透過Adobe Acrobat轉存成PDF時，在存檔是不是有遇過跳出錯誤的log訊息？該怎麼解決？

會出現這樣的log訊息，是因為Acrobat在轉存PDF的過程中，找不到文件中使用的字型。我們以在windows作業系統下，在word文件使用iFontCloud雲端字型服務的情境來做說明，iFontCloud雲端字型服務所使用到的字型，其存放位置並非一般認知的 C:windows/Fonts的目錄中，其與過往將字型安裝在系統上的行為不相同，因此造成Acrobat在轉存PDF時出現找不到字型的情況。

我們以Acrobat有提供的方式，為大家解決這個轉檔問題，簡易的操作2個步驟，使用word的Adobe Acrobat存成PDF就能成功囉！

1. 點選「列印」>「印表機內容」

2. 取消勾選「僅依賴系統資型；不使用文件字型」

取消勾選使用系統字型之後，word使用雲端字型轉PDF就不會出現錯誤訊息log。

備註：此篇文章撰寫時間為2021年5月。不保證未來Adobe Acrobat更新或新版本有支援此功能

可變式字型(variable font) 發佈於2016年，發佈至今，我們觀察到許多字型設計公司逐漸地發布自家的可變式字型，經過這幾年的推廣，最近我們從問卷調查上發現國內的設計師對這樣的產品仍然感到陌生，今天，我們藉由幾個演示，再一次讓大家認識可變式字型。

可變式字型的特色在於可隨使用者的設定或是依應用程式的自動判斷，變化出將近無限種的字體屬性組合。只需要一個字型檔案，就可以無間段調整該字型提供的字重、字寬或對比等可變屬性，讓設計師用字的創意不再受侷限，同時也減少了龐大字體家族所需要的大量記憶體空間。

不知道大家有沒有思考過一個問題，字體設計師都是在60公分距離前的螢幕做字體設計，使用時，有可能近到20公分，遠則超過5公尺以在使用的字體，這樣的應用情境，字體的設計如果都一樣，合理嗎？設計師如果在用字的時後，思考到這樣層次的問題，有沒有產品可以上設計師挑選使用呢？

通常在進行字型開發前先會決定使用目的，而在選用字型時，會依情境來選用造型，在使用明/宋體這類的字型時，通常橫向筆畫的粗細是固定的，在可變式字型裡，可以將橫向粗細的變化設計在可變式字型的變化軸上，使用者除了傳統的字重外，還可以使用到橫向筆畫(對比/Contrast)變化軸的調整。下方以文鼎書苑宋體書苑宋作為舉例，因應複雜化的使用情境，書苑宋設計了四個橫筆粗細的產品，為橫筆寬度16(EM Square =1000 ) 到62 的響應式設計，使用者可依據使用配方建議，從內文到標題，從紙本到屏幕，因應不同情境選取適當字型使用。

有個多個橫筆粗細對比這樣的產品，我們思考一下，如果在設計這樣的指示標示，怎麼樣可以讓閱讀訊息用的字體在畫面上呈現的更好呢？畫面上『南京三民站』這幾個字分別使用思源宋體(上)與文鼎書苑宋體(下)做展示，我們可以看到這五個字元筆畫數並不算多，但『三』這個字的筆畫相對起來特別少，整體看起來視覺灰度少了一級。

這時候如果我們要對他加粗，通常的作法就是在AI裡轉外框，加筆畫，但這樣一來，字就變成圖，不是字了，會增加後續版本維護的困擾。使用書苑宋可變式字型的微調後的成果，我們來看看調整前後的差別，經過適當的調整後，每個字元的視覺量感變得更平均了。

我們認為，設計師寶貴的時間應該要用在設計思考上，如果字體可以協助設計師解決問題，節省設計師的時間，那就是我們對設計產業的幫助。關於更多可變字型的資訊可參閱下方文鼎iFontCloud雲字庫的展示說明

https://ifontcloud.com/index/variablefont.jsp

能夠代表一個人的稱謂有很多種，有本名、小名、綽號，還有獨一無二的身分證字號，在輸入法中，好比「林」這個字，注音輸入法輸入「ㄌㄧㄣˊ」，倉頡輸入法輸入「木+木」可以找到他，這就好比稱謂一樣，以不同的方式可以叫出不同的字碼，內碼輸入法也是其中一種，而且就是像身分證字號那樣，是一種獨一無二的，在標準字中，一個字碼就代表一個字，如果今天我們得知這個字碼Unicode碼位，但不知道他的念法或倉頡，就可以用這個小技巧。

以「林」這個字為例，開啟電腦的微軟注音或微軟倉頡，輸入「` 」+「U」+「6797」，輸入完字碼點選空白鍵輸出，就可以打出這個字碼所代表的字，這邊需要小提醒，這邊輸入的數字需要點選左邊上排的數字鍵，如果輸入右邊數字鍵盤，是沒有反應的喔～以「林」這個字為例，開啟電腦的微軟注音或微軟倉頡，輸入「` 」+「U」+「6797」，輸入完字碼點選空白鍵輸出，就可以打出這個字碼所代表的字，這邊需要小提醒，這邊輸入的數字需要點選左邊上排的數字鍵，如果輸入右邊數字鍵盤，是沒有反應的喔～

同場加映，如果今天想要知道一個字的字碼怎麼辦，我們只需要開啟Word，在上面鍵入您想知道字碼的字，例如「林」這個字，輸入完後直接點選鍵盤的Alt+X，這個字就會轉換成Unicode的字碼「6797」。

在使用輸入法輸出中文字時，你的零是以怎樣的面貌呈現呢？是寫成國字「零」，還是「〇」、「O」、「○」、「０」或是寫「0」？在windows作業系統的環境裡，「零」、「O」或「0」使用任何輸入法都可以打出來，但是「〇」用一般系統內建的輸入法像是注音、新注音、倉頡是找不到的，如果您有額外安裝的輸入法，如自然輸入法，鍵入零這個字，則可以透過選單找到「〇」。

上面舉例的這些字元造型都長的很相近，每一個字元在Unicode字碼的定義裡都有一組數字來代表自己，這組數字一般通稱為字碼，這幾個字碼及其代表的意思分別如下：

零：U+96F6，中文漢字零。

０：U+FF10，全形數字零。

○：U+25CB，空心圓圈，幾何圖形。

〇：U+3007，國字零，中日韓符號和標點。

0：U+0030，數字零，屬於基本拉丁字母。

O：U+004F，拉丁大寫字母O，屬於基本拉丁字母。

這些造型相似的字元在使用上會有怎樣的差異，下圖我們以微軟正黑以及文鼎UD晶熙黑體做舉例，在使用國字顯示西元年時，我們可以看到使用 U+3007「〇」字元有最佳的排版效果，除了U+3007這個字元本身就是為了與國字一起使用外，以晶熙黑體為例，還會因應字體造型、字重做最佳化的設計。

字碼對於大部份人來說很陌生，而且並不是每個軟體都支援字碼輸入，在word使用微軟注音輸入法時，透過輸入鍵盤上左上位置的「`」這個符號，就可以輸入字碼，輸入「~」會產生一個黃色的小視窗，此時輸入「U3007」按空格就可產出「〇」，要特別注意的是數字不能用鍵盤右方的小鍵盤輸入，一定要用英文上方的數字輸入才行。

如果在繪圖軟體，如Adobe illustrator裡，我們可以透過「字符」工具面版來找到「U+3007，〇」這個字元，或者是用前面word輸入的教學方式，在word中將「〇」呼叫出來，再複製到Adobe illustrator中做使用。

分享一個可以快速打出「〇」的方法，讓你不用再花時間找方法要怎麼打出這個字。

1. 開啟瀏覽器到google翻譯的頁面：https://translate.google.com/?hl=zh-TW

2. 選擇中文，會看到右下角顯示「注」，點選下拉選單，選擇「簡體中文(中國)-手寫」

3. 選好後就會出現手寫的輸入框，直接用滑鼠在上面寫「〇」

4. 寫好後就會顯示和「〇」相似的字，選擇紅框即會產出「〇」 

這個方法是不是很簡單，快來試試看吧！

在10年前，我們應該很難想到現在字體的使用，也會像聽音樂一樣，線上訂購、跨裝置、隨買隨用，目前，這樣的字體訂閱服務機制，可以讓使用者使用到大量的字體，而在選用字體的時後，各家服務機制都有提供簡易的篩選功能，使用者依據自身的需要，從上千套字體中快速的找到符合需求的字體造型來做使用。

在應用上，我們以幾個例子來演示字體加粗/粗體的使用建議。在Windows的使用環境中，文書處理的首選絕大多數想到應該是Microsoft Office系列的軟體，繪圖設計則是illustrator，這對於大多數的文書處理使用者、設計師來說，這絕對是一時之選。

但是，我們認為在這兩個軟體中，字體加粗的使用情境有一個可以增加字體閱讀舒視度的小方法，即是多字重、多橫筆粗度的字體應用彈性。下圖方框中的部分是Microsoft Word字體加粗的機制，一般來說，這是透過程式演算的機制產生出來的，對於中文漢字顯示效果的支援較差，在筆畫相對複雜的字元上，就會出現筆畫因空間過於接近而產生沾黏的現象，即便是專業的繪圖軟體illustrator，透過外框的機制也是呈現出不佳的視覺效果。

現在大部分的字體在開發設計時，多會以朝多字重的方向做規劃，這個情境下，就可發揮多字重字體的使用彈性了，以文鼎UD晶熙黑體為例，如果我們以Medium這個字重當作內文排版使用，那我們會建義需要做加粗的部分，可以往上跨一個粗度，即使用Bold作為加粗後字體呈現的選擇，以此類推，這是我們對於文鼎UD晶熙黑體在加粗屬性的建議，可以作為排版的使用參考。

另外，在明/宋體的造型上，我們以文鼎書苑宋Display字體家族做演示，字重相同為Heavy，文鼎書苑宋DisplayH16 Heavy的有著輕盈的視覺感受，如果我們需要一個加粗的效果，在Word使用Blod屬性或illustrator外框加粗，得到的都是一個暴力加粗的結果，如果我們嘗試選擇文鼎書苑宋DisplayH62 Heavy，我們依然得到一個加粗的效果，但與程式暴力加粗的效果對比，字體結構不至於變形，視覺感受也相對來的優雅起來。

多字重、多橫筆粗度字體家族的設計，能夠帶給設計師排版上的選用彈性，透過細膩的選用技巧，可以讓字體排版時不再受限於軟體的限制。

定距字(monospace font)這是字型設計裡重要的設計規格，與其相對的是調和字(proportional font)。定距字是指字元寬度相同的字型，亦稱為等寬字、等寬字型，本文後續以定距字、定距字型稱呼；漢字中的半角字也是定距字的一種，安排後章節做說明。

現在大家使用上習以為常的數位字體出現前的時代，字體的呈現是透過鉛字排印的方式傳達出來，而鉛字大多以固定寬度的方式作設計，來符合當時打字機、排印技術上的限制。時代的腳步不斷的前行，電腦硬體環境與排印軟體對於運算字體的機制也不斷的改善，使得排版、閱讀感受上，呈現出比較自然的調和字使用變的普及。

我們以AR Silver Sans 這款字簡單來說明定距設計(Monospace)與調和設計(Proportional)在字元呈現的差異。為了要符合每個字元寬度一致的設計規格，我們可以看到AR Silver Sans Monospace在「i」這個符號字元的空間結構上與AR Silver Sans Proportional有明顯的不同，這樣的設計主要是為了在空間佈局上取得較佳的呈現，另外「m」這個符號字元也因為字元空間的不同，而呈現不同的視覺樣貌。

在當代的字型使用趨勢中，大多是以兼顧視覺與造型設計的調和字型使用的較多，但定距字的使用，並沒有因調和字的大量運用而消失，而是以能清楚呈現資訊訊息的功能性使用角度持續存在著，例如微軟在2019年發佈的開源字型Cascadia Code，就是一款具有固定字距（Monospaced）特性的字型，適合用於電腦系統與工程師程式開發等用途上，讓工程師在進行字元閱讀時，達到提升程式碼與介面文字可讀性的效益。

工程師在進行程式設計時，使用固定字距的字型可增進開發效率。

最近，我們也看到一些公共建設，如新竹車站資訊面版、桃園機場的班機資訊顯示面版當中的字體也都是選用了固定字距的字型。以新竹車站顯示列車到站的時刻表為例，這是設計師 施博翰使用了定距字設計的AR Silver Sans Monospace，作為新竹車站時刻表的呈現，這定距字的使用，配合設計師排版的專業，增加了時刻表上數字訊息閱讀的可讀性。

設計師 施博翰在新竹車站列車時刻表的排版設計

桃園機場的班機資訊顯示面版以定距字做為訊息閱讀的文字選擇。

雖然定距字型出現的時間較調和字型早了很多，但在使用上並沒有因為外在環境硬體的提升而消失，反而以在特定情境下具有高辨視度的功能性繼續存在著，廠商們也持續設計新的定距字，也讓用字多了許多的選擇。

附註：新竹車站列車時刻表引用自設計師 施博翰在「臺鐵新竹站指示標示系統設計規劃說明」

在adobe推出Adobe Creative Cloud雲端服務後，設計界使用軟體的習慣因此有了重大的改變，對於軟體廠商而言，可稱做是整個使用生態的重構。字型對於設計師來說是一個重要的設計素材，而數位字體開發廠商本質上與Adobe一樣，都是軟體開發商，現今也都隨著趨勢轉型為以服務為導向的工作型態。 

中文字體與日文字體同樣都有漢字、拉丁與假名，如果有留意日文字型產品，會發現日文字型同樣的一個字體家族，但有著不同假名、拉丁的造型設計做搭配。

文鼎UD晶熙黑體開發之初也規劃有這樣的設計，亦即晶熙黑體在拉丁的造型上，共有三種造型可供設計師選用，以繁體中文為例，字體名稱分別是：

1. 文鼎UD晶熙黑體HK

2. 文鼎UD晶熙黑體E1HK

3. 文鼎UD晶熙黑體AktivBHK

這三款字型的拉丁造型可以追溯回到原始的拉丁字，分別是AR Dori Sans、AR NewHebe Sans、Aktiv Grotesk；AR Dori Sans、AR NewHebe Sans是文鼎字型近年來在拉丁字設計的代表作之一，除了文鼎內部的字體設計師參與設計開發外，也力邀位於美國波士頓Font Bureau字體公司的總監David Berlow協助設計指導、監修；兩款原生拉丁字皆有自 Light-Ultrablack 9個字重，在與晶熙黑體漢字12個字重搭配時，設計師重新給予字重的設定，細修曲線、調整架構再加入必要的視覺修正，字重擴充至極細的Hair到極粗的Ultrablack(E1版)，再依據視覺灰度給予最佳的寬度比例，讓中文漢字、拉丁字搭配出最佳的整體視覺效果。

拉丁符號的設計通常會有因應造型、字重而做視覺校正的處理，目的是為了排版上的美觀、舒適性而做。以AR Dori Sans /文鼎UD晶熙黑體HK的符號為例，在數字1和4就有在不同的字重上做視覺校正，經過視覺校正的字型有字高(Font Height)的不同，但隨著字重(Weight)加粗，數字1、4、6將差距會縮小。

文鼎UD晶熙黑體，拉丁以AR Dori Sans做搭配，整體呈現出幾何、工程、現代的氛圍，具有Medium-Heavy共五個最常使用的字重，適合在數位顯示環境下使用，在中文顯示各分句之間停頓的逗號(U+FF0C)，設計師簡化漢字逗號的造型，在這裡嘗試著做大膽的簡化設計，閱讀時營造出簡潔時尚的視覺感受。

    文鼎UD晶熙黑體HK排版展示

                                                                                       嘉義美術館以文鼎UD晶熙黑體HK做為指示標識用字/角白設計

文鼎UD晶熙黑體E1HK，拉丁以AR New Hebe Sans做搭配，整體呈現出經典、傳統、雋永的氛圍，適合使用在書籍排印完整產品共有12個字重可供選用。

                                                                                                                                      文鼎UD晶熙黑體E1HK排版展示

文鼎UD晶熙黑體AktivBHK，是晶熙黑體的漢字與英國合作夥伴Dalton Maag 公司的Aktiv Grotesk 進行搭配後的字型產品，共有繁體中文+香港字符集、簡體中文、日文三個語言，每個語言各四有個字重，旨在將晶熙黑體的簡潔與AktivGrotesk乾淨利落加以整合，感受上均勻平穩，視覺連貫而有當代感。文鼎UD晶熙黑體AktivBHK獲得國泰航空選用做企業字型。

                                                                                  TPOGRAPHY 字誌 選用文鼎UD晶熙黑體AktivBHK做為內文用字

搭配著不同拉丁造型的晶熙黑體產品，這樣的整合設計罕見於中文字體上，讓設計師們在字體使用時，多了不同設計情境字體選用上的彈性。

是不是有很多人最近升級到Windows10 20H1與20H2都會覺得輸入法哪裡怪怪的，時而閃退、部分候選字出不來或是直接當機呢！！！這真的是擾民，但又沒辦法不使用，這不是字型的問題，但在微軟還沒針對此問題做修改前，我們可以嘗試幾個步驟，讓你的輸入法起死回生。

目前微軟還在研究IME模式問題的解決方案，如果使用者發現自己電腦上的輸入法發生異常的情況，不妨先嘗試透過 Windows Update 安裝更新，看看情況是否得到改善，如果沒有的話話，我們可以先將IME切換回舊版本，暫時解決問題，如何切換舊版，可以參照以下步驟及可暫時解決目前的困擾。

Step1. 從左下開始功能列點選「設定」

Step2. 點選「時間與語言」進入設定

Step3. 點選「語言」，慣用語言選「中文(繁體，台灣) 」

Step4. 選擇使用中的輸入法，點擊選項

Step5. 選擇「一般」進入設定

Step6. 在「一般」下選擇「使用舊版的微軟注音」將其開關開啟

以上的步驟可暫時解決目前所遇到IME輸入法問題的當務之急，在微軟尚未對此問題更新前，大家不妨試試。

設計沿革

文鼎的『書苑』字型商標，早於成立的第二年1991年就申請。

這是文鼎字型創立之初，計畫開發具原創特色的經典明黑字體，能與當時市場流行日本照打字型有所區隔，而特別創立的字體系列。

但這個創作計畫由於台灣市場盜版的嚴重打擊，轉而以日本為主要市場，發展嵌入式螢幕字型而擱置。

在日本市場發展逐漸穩定後，於1999年開始著手原創書苑黑的設計，設計過程斷續進行，直到2003年才較成熟，其特色為較扁形的字型，字面縱橫比為93.5:100。

當2003年完成調整設計的同時，日本C&G字型公司與文鼎合作，承接到微軟日文 Vista 作業系統字型「明瞭 (Meiryo, メイリオ)」的委託設計開發，很巧合的是，「明瞭」也是一個扁型的設計，字面縱橫比為95:100的設計，因此就停下原來書苑黑體開發。

完成日文明瞭字體開發後，再於2008~2011年陸續完成書苑黑Big5 /GB2312兩字集，Bold & Medium 字重開發。

設計原型

文鼎書苑黑體原型設計，字面飽滿，大字腔，於當時以小字面的長型傳統黑體設計市場中，獨樹一格。

而在文鼎字型團隊反覆精煉下，於2003年設計出字構寬扁、筆型簡潔、大字腔設計之書苑黑造型。

完成日文明瞭字體開發後，再於2008~2011年陸續完成書苑黑Big5 /GB2312兩字集，Bold & Medium 字重開發。

設計特色

文鼎書苑黑體，設計採簡潔、大字面、寬扁型、大字腔設計，同級字較清晰不易糊字，容易於螢幕顯示閱讀。







文鼎書苑黑體字級適用範圍

文鼎書苑黑體風味輪屬性

有沒有在PowerPoint精心選用適合的字體、費心編排完成簡報或是報告後，要傳送給客戶、長官或是老師，可是發現對方的電腦可能沒有你選用的字型，開啟檔案後，字型都變成新細明體而且版面還大跑版的慘痛經驗呢？

我們來使用軟體內鍵的小功能，只要存檔時做一個小步驟，對方就能看到有套用字型的文件，輕鬆解決字體沒有套用的問題。

Microsoft PowerPoint

1.點選「PowerPoint選項」

2.點選「儲存」，勾選「在檔案中內嵌字型」和「只內嵌簡報中所使用的字元」

3.將文件存檔

4.對方看到的文件即為已套用字型

PPT可使用另外一種方式儲存即可在未安裝字型的電腦顯示字型，但版本需要2010以上

1.點選發佈>封裝成光碟

2.點選選項，勾選「內嵌TrueType字型」

3.點「複製到資料夾」儲存檔案

Microsoft Word

1.點選「word選項」

2.點選「儲存」，勾選「在檔案中內嵌字型」和「只嵌入文件中使用的字元」

提醒：

1.未安裝字型的電腦，文件開啟時是唯讀檔案，無法修改文件內容，且顯示時有可能部分字未套用到字型；若要修改文件，需點擊「移除受限的字型」即可編輯文件，點選後文件內的字型為未套用字型。

2. 無論是word還是PowerPoint，勾選上述任一選項後，因嵌入字型的因素，將增加檔案的資料量

3.此篇文章撰寫時間為2021年3月。不保證未來微軟office更新或新版本有支援內嵌字型功能

TrueType Collections (TTC)允許將多個性質相近的字型合併為一個檔案，其目的是為了節省字型檔的資料量。以繁體中 文UD晶熙黑為例，針對43個常用全角符號做調和(Proporitional)設計，分別放在兩個不同的字體名稱上，使用者可以依 自己的喜好及需求，選擇常規的全角符號字型或是有標示P的常用全角符號調和設計產品。這兩套不同名稱的字體可以 合併成TTC，漢字和部分符號可共用，只要增加39個調和符號的資料量。合併後的TTC字檔和分開成兩個TTF字檔效果一 樣，卻可節省95%以上的資料量。

在我們對設計師的訪談中，我們聽到一個聲音，有設計師認為在進行長文排版時，全角位符號的字寬常常出現一些尷尬 的排版問題，如川流(river)、凸排等，影響著整體的閱讀感受。在理解設計師的困擾後，我們挑選了39個中文常用全角符 號，進行字寬調和(Proporitional)的設計，有此設計特點的產品，在字體名稱上都會多一個「P」，代表Proporitional的代 號。

以文鼎UD晶熙黑體E1HK字體為例，使用者在安裝字體後，在字體選單中會看到「文鼎UD晶熙黑體E1HK」與「文鼎UD晶 熙黑體PE1HK」兩個字體名稱，這是因為文鼎UD晶熙黑體E1HK字體檔案使用了上方描述的TrueType Collections (TTC) 的機制而呈現出來的結果。

下圖為文鼎UD晶熙黑體E1HK 產品使用常用全角符號及常用全角符號調和設計的排版示意圖，選用經過符號調和設計 的字體，排版後漢字、符號呈現出較佳的字寬比例，將有助於段落文字訊息閱讀的舒適性。

一款字體如以家族的方式做呈現，大多是由細到粗以字重(Weight)的面貌呈現出來，這是字體的使用，除了造型的選擇 外最常使用到的情境。

字重的選用與字級的大小具有不可分割的相依性，我們以使用情境做字重應用字級大小的分類，共分成微字型/Micro、 內文/Text、標題/Display三大類，微字型/Micro指的是極小字的使用，內文/Text應用在長文排版的閱讀情境，標題/Display應用在標題、大字、有視覺距離的情境，三個類別字級大小的建議使用分別如下表：

以文鼎UD晶熙黑體為例，我們依據市場需求與開發規劃，將字重由極細到極粗共規劃出完整12個字重，讓用戶能依所處 的需求使用在各種不同情境上，文鼎UD晶熙黑體的字重應用建議如下：

文鼎DC陳森田MORITA是文鼎字型與插畫家_陳森田合作開發的手寫字型，所有字體的內容包含中文、英歐文、符號等，都是陳森田手寫繪製，再由文鼎字型作數位化產品設計，產品同時涵蓋繁體中文、簡體中文。

陳森田MORITA_B體將漢字定距字與調和字整合在一個字型檔案裡，讓，森田手寫字的手感、Q感及溫度可以呈現出來。使用者透過字型選單選擇適合情境的字型做應用。

本影片透過Adobe Illustrator來呈現文鼎DC陳森田體的使用方式，演示漢字定距與漢字調合設計排版上視覺的不同。

應用設計

來自宇宙的香蕉人學寫字，慢慢地寫、緩緩地進步，他的字，有點呆、有點萌。這是文鼎字型與插畫家_香蕉人(林柏辰)合作開發的手寫字，所有字體的內容都是香蕉人手寫繪製，再由文鼎字型作數位化，產品同時涵蓋繁體中文、簡體中文。

手寫字體具有溫暖的感受，在數位化的過程中，我們思考傳統上數位字型的規格以及用戶的體驗，最終，將香蕉人體漢字定距字與調和字整合在一個字型檔案裡，使用者透過字型選單選擇適合情境的字型做應用。

本影片透過Adobe Illustrator來呈現文鼎DC香蕉人體的使用方式，演示漢字定距與漢字調合設計排版上視覺的不同。

應用設計

文鼎方新書立於黑體，保留黑體的簡練、穩重，融合明體的舒適、清雅，並以高規格審視標題用字之識別性、內文用字易讀性，期望帶給使用者最佳的使用體驗。文鼎方新書造型設計捨棄明體傳統點、捺造型，收筆如眉，清新盈盈，兼容字構的均衡平穩。

因橫直筆寬度的搭配及收筆縮減，文鼎方新書融合黑體和明體的優點，加上反覆雕琢視覺濃淡，排版視覺清晰不突兀。拓展Condensed 系列後，使方新書在排版的表現更為出色，提供使用者多元選擇。

本影片透過Adobe Illustrator來呈現方新書的使用方式，分別演示中文常用全型符號調和設計(Proportional)、長體Condensed家族、經過字元灰度調整後的方新書，使用在桃園機場第三航廈的介紹以及方新書的可變式字體(Variable Font)。

應用設計

文鼎DC黃陽尖魏體是知名書法家_黃智陽教授，與文鼎合作開發的真跡書法字型；黃陽的字體是書法的專業技術與現代造形特質的新媒合，長時間逐字用心書寫與設計，使尖魏體突顯了瘦金體的利落美，結合了魏碑體的方折感，使字體的使用更具有文化意義與時尚氛圍！黃陽尖魏在設計時，加入中文排版裡「疊字」效果的巧思，黃智陽教授在書寫時，特意創作「相同字的不同寫法」，以展現書法中「不雷同」「不重複」的美感，讓黃陽尖魏更能呈現書法藝術的美感。

本影片透過Adobe Illustrator來呈現云康行楷TrueType(TTF)與OpenType(OTF)兩個字型格式的使用方式，分別演示疊字的選用、兩款拉丁字的造型設計，以及中文常用全型符號調和設計(Proportional)。

應用設計

由施隆民教授書寫的文鼎DC云康行楷，字型書寫旨在掌握書法的美感，筆法上以流暢、生動為原則；結構上為了排版印刷的美觀，盡量保持「端莊」的體態。云康行楷在設計時，加入中文排版裡「疊字」效果的巧思，施隆民教授在書寫時，特意創作「相同字的不同寫法」，以展現書法中「不雷同」「不重複」的美感，讓云康行楷更能呈現書法藝術的精神。此外，云康行楷提供了兩種不同書法風格作選擇，其中云康行楷碑帖版，藉由部首共用、改變寫法、增減筆畫等多方式，保留傳統書法運筆藝術之美。

本影片透過Adobe Illustrator來呈現云康行楷TrueType(TTF)與OpenType(OTF)兩個字型格式的使用方式，分別示範疊字的選用，以及中文常用全型符號調和設計(Proportional)。

應用設計

字身的概念源自於鉛字，是指鉛字去除頂面刻有字形的部分。字身截面的外框即字身框。 字面是文字在字框裡實際佔據的面積，字面的外邊框稱為字面框。字面框比例的大小會影響到字元間距的距離。

指的是兩個字元之間本身的字距。 在中文字固定的字身框中，本身字面框越大，字元的字距越小；字面框越小，字元的字距越大。

字重是指在字元中，筆畫粗度（stroke width）的粗細程度。字重的標準是相對的，指的是同一個字體家族中不同粗細的字型，不同字體家族的字重，會依造型、設計策略而有不同。字體家族多字重的設計有利於標題、內文不同情境的應用。

文鼎字重應用字級建議

字元的寬度，包含字元左右的空間。數位中文字體裡的漢字，基本上字元寬度是等距固定的，但依字體的風格，如擬人化的手寫字，在漢字上也可以設計成調和(Proportional)的樣貌，讓字體排版更具有溫度感。

等寬字：每個字元的寬度固定。 調和字：每個字元的寬度因字元的設計寬窄不同而不固定。等寬字大多使用在具規律感、需要清楚辨視文字的情境，如交通時刻表；調和字應用在排版上降低副空間的比例，讓文字排列成段落後，具有舒適的閱讀體驗。

所謂字腔，乃是指筆劃所包圍之留白空間，如「口」字之中間留白，「包」、「勾」中間之留白。 字腔之擴張或緊縮風格，會直接影響字面、重心、清晰度、造型之視覺感覺，為一相當重要之設計要素。

字體的大小。 中文字體的字級量單位用“點”(point) 或“級”來表示。

基準線/Baseline：字元排列的基準線。 如大寫字（A、E、H...）和小寫字（b、f、x...）下緣的起始線。

行與行間的距離，影響文本行間的密度與文字區塊的視覺灰度。 測量行距的方式：從基線到基線，或從一行的最上方測量到下一行的最上方。

筆畫是漢字的最小構成單位，不同的筆畫造型可呈現出完全不同的字體風格。 辨識一款字體的筆形，可以從筆畫的起筆、折筆、運筆、收筆觀察筆畫造型的差異。 

Text字型應用在小字號內文情境下的字型設計；以書苑宋為例，著重閱讀清晰度的調校，並保有筆畫圓潤的設計風格。

Display字型應用在標題、大字號情境下的字型設計；以書苑宋為例，將筆畫末端收細、襯線高度降低，營造輕盈、洗鍊、俐落的視覺感受。

繁體中文Unicode 3.0字集(若繁體中文沒有標示U30則為Big5字集)

簡體中文GB18030字集(若簡體字集沒有標示G30則為GB2312字集)

日文JIS X 0208字集

在Big5字集上擴展的香港增補字符集

繁體中文Big5字集，共收錄 13,060 個漢字，及 441 個全角符號。

OTF格式的GBK / GB18030、Big5+HKSCS、Adobe CNS1-3以上或Adobe GB1-2以上的字集

OTF格式的GB2312、Big5、Adobe CNS1-0或Adobe GB1-0字集

E (加一碼數字)字集中的英歐文不是使用晶熙黑體標準產品所搭配的Dori Sans. *目前晶熙黑體E1搭配的英歐文是New Hebe Sans。

針對極小字5-8pt顯示環境設計的產品，對字元做視覺灰度的調教，降低文字閱讀視覺上灰度的跳躍感，通常不建議在大字號上使用。針對極小字5-8pt顯示環境設計的產品，對字元做視覺灰度的調教，降低文字閱讀視覺上灰度的跳躍感，通常不建議在大字號上使用。

可變式字型(Variable Fonts)是Open-Type字體格式的一種，這種字型格式可支援字重(weight)、寬度(width)、傾斜(slant, italic)、視覺大小最佳化(Optical size)等可變屬性的定義，使用者在應用時可以立即變化出一套字體家族的不同樣式。

OpenType 是由 Adobe 和Microsoft聯合開發的字體格式，可以支援替代字、連字及各種文體集。OpenType的字形（glyph）輪廓資料格式有兩種：一個是TrueType格式輪廓，另一個是基於PostScript語言的CFF（壓縮字型格式，Compact Font Format）格式輪廓。前者的字型副檔名為 .ttf、.ttc，而採CFF格式的字型副檔名通常為 .otf。

TrueType Collections (TTC)允許將多個性質相近的字型合併為一個檔案，其目的是為了節省字型檔的資料量。合併後的TTC字檔和分開成兩個TTF字檔效果一樣，卻可節省95%以上的資料量。

文鼎UD晶熙黑體 TTC格式產品說明

TrueType是最通用的字型格式，副檔名為.ttf廣泛的支援作業系統與應用程式使用。

操作步驟

1. 登入iFontCloud會員帳號

2. 進入到字體清單頁面

3. 輸入關鍵字或用條件搜尋字體

4. 安裝字體

5. 字體安裝完成後，開啟有支援custom fonts的APP使用

支援安裝custom fonts的APP

• Pages
• Keynote
• Numbers
• Draft
• Notebook
• Noteshelf
• GoodNotes
• Adobe Photoshop
• Adobe illustrator
• Clip Studio Paint

12

文鼎推出「iFontCloud」APP在iPad和iPhone，APP內有多種豐富繁中與簡體類型的字體讓用戶安裝。「iFontCloud」APP共有320套字體，包含文鼎經典字體「晶熙黑體」完整12套字重和「方新書」字體系列，以及最受歡迎外部設計師的字體─陳森田和香蕉人字體，與最常使用的明體、黑體和圓體，除此之外，還有書苑宋、黃陽尖魏體、云康行楷、清圓體……等字體，讓您在iPad和iPhone用字體製作更精美的作品！

已在iFontCloud購買方案包或單套字的會員，只要字體有在「iFontCloud」APP中且訂單在授權期間內，即可在一台iPad或一台iPhone上免費安裝使用字體。

文鼎提供所有會員4套免費字體使用

• 文鼎上海宋體_L
• 文鼎楷體_M
• 文鼎上海宋_L
• 文鼎中楷体

在「iFontCloud」APP安裝完成字體後，即可開啟有支援custom fonts的APP，像是Pages、Keynote、Adobe Photoshop等APP使用字型。

規格
系統：iPhone 、iPad iOS 13及以上系統
支援安裝custom fonts的APP

• Pages
• Keynote
• Numbers
• Draft
• Notebook
• Noteshelf
• GoodNotes
• Adobe Photoshop
• Adobe illustrator
• Clip Studio Paint

字體清單：https://ifontcloud.com/index/plan_fontList.jsp#!?package_id=9920200814043308

每個軟體基本上都內建快捷鍵和操作技巧，使用快捷鍵不僅能提高做事效率，看起來更專業，俐落的操作還能讓同事崇拜，覺得你超厲害。

你是否有碰過使用iFontCloud要將已下載的全部字型拉到群組，需要用滑鼠一個一個點選字型後拉到群組，點的手好痠，覺得有點困擾；不習慣字型用家族的方式呈現，想要改成單一字型呈現。讓文鼎小編教你幾招小技巧，迅速解決困擾的問題。

Mac小技巧  (版本：3.1以上)

Command+c：複製
Command+v：貼上
Command+a：全選
Option+ Command+F：家族顯示或單一字型顯示
Option+ Command+C：切換顯示模式
Command+/：顯示狀態列
快速收合：點選▶可將基本篩選收起和展開

Windwos小技巧  (版本：3.1以上)

Ctrl+c：複製
Ctrl+v：貼上
Ctrl+a：全選(需按住Ctrl+a不放再用滑鼠點選字型，將字型拉至群組)
Home ：快速到達頁首
End：快速置底
快速收合：點選▶可將基本篩選收起和展開

如果還沒有下載Font Manager 3.1版本，快將iFontCloud升到最新版本，否則無法支援密技的功能唷
下載Font Manager 3.1版本

文鼎DC清圓體為知名設計師-蔡啟清教授設計的全新圓體字型。清圓體的設計，容易辨識、容易閱讀、設計簡約，表現比較圓、滑及柔和的個性，讓使用更具有彈性 。清圓體適當減小字面佔字身89%，讓字元間距不擁擠，字高稍減，字體更方正，行間也適當。

設計動機
目前過多風格獨特但不適於閱讀的字體，易閱讀的通用字體還是只有黑體字，需要增加更多通用字的設計。現代中文字體字面被加大，當字元間距預設值為0時，看來顯得太緊了。各國中文字體標準不同，但台灣的正體中文標準被質疑。

您在Word、Illustrator、InDesign中選擇中文字型編輯文字時，是否在輸入英文雙引號(”)或是單引號(’)時會被強制替換成全角引號，造成排版上的困擾(設計師表示頭很痛)。其實這個功能原本是好意可以自動將英文引號取代為中文全角引號，但似乎太過"智慧"，有時反而造成麻煩。

讓文鼎小編教你如何解決問題吧！

Word

1.點選「word選項」

2.點選「校訂」→「自動校正選項」→「輸入時自動套用格式」，取消勾選「將一般引號取代為智慧引號」

Illustrator

點選「檔案」→「文件設定」，選擇「文字」，取消勾選「使用印刷體引號」

InDesign

1.選擇要匯入的word檔案時，勾選「顯示讀入選項」

2.取消勾選「使用印刷體引號」

備註：此篇文章撰寫時間為2019年10月。不保證未來微軟office更新或新版本有支援此功能

文鼎推出4套免費商用字型，提供iFontCloud會員免費使用，無論是個人或商業使用，都可以在文鼎iFontCloud雲字庫免費取得使用，包含2套繁中字型，及2套簡中字型。

文鼎上海宋體_L   AR ShangHaiSongB5 LT
文鼎楷體_M         AR KaiB5 MD
文鼎上海宋_L       AR ShangHaiSongGB LT
文鼎中楷体           AR KaiGB MD

文鼎在2001年及2010年曾提供多套公眾授權字型，給社會大眾作公眾授權使用；2019年文鼎再提供4套免費商用字型，只要你加入iFontCloud雲字庫成為會員，就可以使用iFontCloud Font Manager免費下載這4套字型，可以製作個人文件，或製作商業廣告、文宣品...等，授權使用範圍與旗艦包進階版的授權範圍相同。
 

取得文鼎4套免費商用字型的步驟
1.成為iFontCloud雲字庫會員
2.下載安裝iFontCloud Font Manager工具
3.在iFontCloud 雲字庫即可使用4套免費商用字型

「2018年10月24日，派傑投資公司最新調查顯示，美國85%青少年每月登入一次 Instagram，首度超越Snapchat的84%」 ─摘自Wikipedia

社群網絡早已滲透在你我的生活中，如同精神食糧般紮根在生活日常。相信大家對Instagram的現實動態功能一點都不陌生吧？24小時就會消失，要是喜歡的人發文沒看到就會覺得搥心肝😢（小心肝～。

英文字有多個選擇，中文字選擇好像不多？

發圖不附文，此風不可長！拍了美美圖片再點綴幾句金玉良言，圖文並茂就是好棒棒！不過大家有沒有發現，IG裡面的英文字型有多達五款字型可以選擇，但...中文字型除了系統字之外，就沒有別的選擇了...😱。

如果有不同中文字型選擇

由於我們都知道目前中文字的選擇只有一種，那如果選項變多了？可以帶來什麼樣的視覺感受呢？（圖例用字為文鼎字型）

是不是覺得有換有差😁？（在此感謝辦公室夥伴圖片支援），中文字不同帶來的視覺感受也不一樣，如果可以有更多不同的造型搭配更能豐富貼文給人的印象！

中文英文配一配

IG提供了5款不同造型英文字，如果說搭配時可以搭配上類似風格的中文字，在視覺上會不會更順眼呢？

以這款IG顯示「現代感」的英文字為例，最大的兩個特色為：筆畫收尾處導圓角；整體視覺比例瘦長。因此搭配中文字時就要考量到這兩個特色，文鼎公司現有字體產品裡，沒有完全符合的中文造型可以搭配。不過現在有了「Variable Font」這項新技術，小編巧手一弄，將晶熙黑體轉了圓角、瘦身一下....

一款可以搭配現代感的新字型就誕生了！可能很多人還沒聽過Variable Font，沒關係，下一篇我們就介紹Variable Font給大家認識！！

其他字型可以怎麼搭配：

字型搭配是一門學問，上面四款IG的現有英文字，小編先用文鼎現有的字型產品或Variable Font搭配，大致做到60分的標準，但仔細下去評估，例如：字體傾斜的角度在視覺上有沒有一致？手寫字筆畫有沒有更接近的筆感特徵？等...，要做到特徵完全吻合，必須要字體設計師評估，特別為這款字量身打造一套搭配的中文字型。不過這樣的搭配是非常費工一件事，除了評估、造型搭配外，設計師還要一字一筆慢慢製作等...，細節很多一項大工程，之後也會寫一篇字型搭配的文章，到時候我們再好好介紹字體搭配的流程吧！

上述總結

不管什麼原因，每天都要滑個手機看看IG。如果在中文字型可以增加新的中文字型，想必是可以帶來嶄新的視覺感受！最後就讓我們像IG許願，大神大神！造福廣大中文語系用戶吧！有什麼想法想要討論，都可以在下方留言回覆我們。那我們就期待下篇文章吧！

一招教你搞定WebFont網頁瞬閃問題

如果你的網頁使用了Web Font，你可能或多或少會收到網站的使用者告訴你：欸，為什麼你的網頁字會閃一下？這時，你可能納悶什麼叫做閃一下，開了網頁後，卻又沒看到使用者描述的狀況。這其實是CSS加上網路速度的問題：在還未將Web Font字型下載完成前，會先以系統預設字型顯示頁面，等到下載完成才套用到已顯示在瀏覽器的字型上。也因為如此，如果瀏覽網頁的電腦網路不夠快，可能會發生已經頁面載入完畢了，Web Font的內容隔了1~2秒才接著載完並套用，此時，就會發生所謂的「眨眼」現象了。

這樣的問題，我們可以透過加入以下CSS的方式，告訴網頁在確認Web Font狀態前，就算頁面內容載入完畢，也先將文字隱藏起來，直到確認了Web Font的狀態後，再將文字顯示，這樣就可以避免瀏覽網頁時出現文字瞬閃了！

code
.arwf-loading body { /*Web Font正在載入中，不顯示文字*/
          opacity: 0;
          visibility: hidden;
}
.arwf-active body { /*Web Font處理成功，直接顯示文字*/
          opacity: 1;
          visibility: visible;
}
.arwf-inactive body {/*如果Web Font處理失敗，直接顯示文字*/
         opacity: 1;
         visibility: visible;
}

GB V.S. BIG5簡

對於繁中的使用者來說，有時候會不知道如何套用簡中字型，其實重點只要分辨好，要套用的文字內容是繁體還是簡體即可：

1. 套用在簡中的文字內容：GB2312 / GBK / GB18030

GB是大陸國家漢字標準編碼，分別收錄不同數量的漢字，其中以GB18030為最多。套用GB字型必須是簡中的文字內容，若在一篇繁中文章內套用GB字型，部分繁中字可能因不在編碼範圍而造成套用失敗。

2. 套用在繁中的文字內容：BIG5簡

簡單的說，BIG5簡就像自動幫你把繁中文字換成簡中的字型檔。在BIG5簡的字型中，字符仍按照BIG5的編碼製作，但所有字符是以簡體寫法完成，因此繁中文字內容套用了BIG5簡的字型，將看到簡中文字的結果；然而，若套用簡中文字，則會因為簡中編碼與BIG5不符造成套用失敗。

Q: 在Windows繁體中文系統，是否可以安裝簡體字型？在繁體中文版軟體執行，能否正確顯示的簡體字型？

在Windows繁體中文系統，都可以安裝Big-5簡體字或GB簡體字型。在繁體中文版軟體執行時，可以正常顯示Big-5簡體字；如果是GB簡體字型時，字型名稱會變成英文名稱，如AR Mingti Light GB, AR Yenti Bold GB。

Q: 請問在繁體中文Windows系統，如何輸入及使用GB簡體字型？

要在繁體中文Windows系統，輸入使用GB簡體字型，必須安裝GB簡體的拼音輸入法，如：雙拼輸入法、全拼輸入法、鄭碼輸入法，如下圖，才能正確輸入GB簡體字型；如果使用注音輸入法或倉頡輸入法，某些簡體字會變??和空白。

Q: 我必須與大陸的同仁做文件校稿，要使用哪一種字集的字型呢？GB簡體或Big-5 簡體字型？

與大陸做文件溝通或校稿，建議統一使用GB簡體字型，如果使用Big-5 簡體字，在大陸開啟時，因為某些字不在GB碼的定義範圍，這些簡體字會變??和空白。

UD Font設計概念

UD Font字型產品共有的特徵為容易辨識、容易閱讀、簡約設計等，換言之，就是讓字型在標準規範下，使用者可以直覺的進行識別，毋需耗費時間在視覺的辨視。在閱讀上，眼球的視覺觀感習慣於明體（宋體）、黑體、圓體、楷體等傳統經典風格的字體造型，我們由街坊的招牌、書報、雜誌中使用的字型，即可窺見這四類字體造型的運用最廣泛，最為大多數人接受，其原因就在於這四類字體的筆劃、造型曲度的可讀性與易讀性較高，因此UD Font大多為這四種造型的字體。

UD Font設計概念是近幾年字型設計界在字型設計時所考量一個要點，尤其在日本地區，許多字型廠商都會推出具有UD設計概念的字型；在台灣，除了文鼎科技大力推展UD Font字型設計，推出UD晶熙黑體系列的經典字型之外，其他字型廠商如威鋒數位、justfont等，也在開發及推廣UD Font的設計概念，這對使用者及設計界都是有正面幫助的。

UD Font字型的設計，就是延伸自Universal Design，設計精神包含：識別性、易讀性、設計簡潔。UD Font 字型設計的四個要素：

1. Visibility：文字構成要素易於視認。適度的加大文字的字腔會讓文字更容易視認，尤其是在遠距離或是要在眼睛一瞥間閱讀文字時，效果會更顯著。

2. Legibility：具有高辨識度，不容易誤認（不容易與其他字搞混)，這一點對視力不好的人尤其重要。

3. Display adequacy：設計簡約，以減少在低解析度螢幕顯示時產生不平順的曲線。UD Font設計的筆畫造型簡潔化，移除筆頭和筆尾的華麗裝飾造型，以降低在螢幕顯示時產生會干擾視覺的灰階凸點發生機會。

4. Readability：容易閱讀。中文、日文假名及英數文字排在一起時，呈現的字面大小分布之協調性對閱讀的流暢度也是有很大的影響。

UD Font四要素：Visibility, Legibility, Display adequacy, Readability

UD Font 字型設計除了上述的設計四要素，還要考慮字體的空間分佈、筆寬設計、中英文字造型搭配及字面比例等不同要素；無論是經典的黑體、書法風格的隸書體、俏皮風格的美術字體、手寫風格的個性化字體，每套字體的設計背後都有他的設計理念。對設計師而言，在選擇字型時，除考量字體顯示效果外，選擇高可讀性與易讀性的UD Font字型，讓使用者得到最佳的視覺體驗及感受，是字型廠商與設計師共同努力的目標。

何謂UD(Universal Design)

UD (Universal Design)通用設計，又稱為全方位設計，是指不需要經過任何的調整與特別的設計，就能為所有人使用的產品、環境的設計。1950年代，在日本及歐美開始提倡「無障礙空間設計」，為身體障礙者除去了存在環境中的各種障礙。1987年美國設計師Ronald L. Mace，開始使用「Universal Design」一詞，就是說在設計時要從對需求的認知，以清楚易懂的方法，讓我們設計及生產的產品或環境都能在最大的程度上讓每個人使用，不論其年齡或能力。

Universal Design在現代社會中已受到普遍的重視，例如：無障礙低底盤公車，讓老弱婦孺上下公車特別方便；斜取式滾筒洗衣機，讓老人、小孩、身障者都能方便拿取洗衣機的衣服。在台灣「自由空間教育基金會」為了將通用設計的理念向下紮根，已舉辦多次的通用設計獎(Universal Design Award)，讓學生藉參與通用設計競賽發想過程中，體會不同類型的人各種不同的需求，導入通用設計，創造出真正能為人帶來幸福的設計。

設計讓產品在最大程度上讓每個人使用，無論其年齡或能力。

20~30年前，字型大部分都是被列印在紙張等媒體上，無論是鉛字印刷、照相打字或電腦排版印刷，只要字型在紙張上呈現清晰，就已經足夠。但是2000年以後智慧型手機、平板電腦等3C電子產品盛行，人們大量使用3C電子產品來閱讀各種文字訊息，之前使用於紙張媒體的字型，顯然無法完全適用於3C電子產品上，而且電子產品的螢幕解析度越來越高，多年前為了320x240 2英吋QVGA螢幕設計的字型，要使用在2K/4K高解析度的不同大小螢幕上，一定無法直接適用；另外，高齡化社會的來臨，如何讓視力退化的老人，很容易辨識及閱讀，不同媒體上的文字訊息，字型設計就是一個重要因素。

如何讓一套字型符合上面這些需求，在字型設計時，就要導入Universal Design的概念及精神。

UD 字型產品共有的特徵為容易辨識、容易閱讀、簡約設計等。

新技術帶來的字型下載方式

早上睜開眼，看見家人留在餐桌上的字條，告訴你咖啡已經泡好了，同時電視上顯示今天下雨機會超過七成；然後你抓起玄關的雨傘放入包包後走進捷運站時，跑馬燈上顯示著下一班車要一分鐘後才到；進到辦公室，打開Email並確認今天的行程。距離睜開眼睛不過一個半小時，已經看到幾百個字了，你大概很難想像，在一整天的生活中都不看到文字，因此，要如何讓文字更易於被人閱讀與吸收，就是字型被賦予的重要功能之一。

要如何讓文字更易於被人閱讀與吸收，就是字型被賦予的重要功能之一。

既然字型在文字中所扮演的角色那麼重要，我們更應該在撰寫文章與文案時，點開字型選單，套用適合的字型以便讓閱讀的人更容易吸收。但如果選單中沒有想要的字型怎麼辦呢？這時候你可能會去光華商場或軟體專賣店買字型光碟來安裝，或者更多人愛的：網路分享版(最後我會告訴你，這其實不是這麼的好)。

字型檔案說穿了，就是在一個容器中切了數以萬計有著不重複編號的格子，然後在每一個格子中放了一個文字的圖案。每當你輸入一個文字，電腦就會抓出檔案中對應編號的圖案，因此你就可以看到你想要的字型。Windows將所有的字型檔案放在控制台中的字型資料夾(Mac OS放在應用程式的字體簿中)，只要將字型檔案放在裡面，編輯軟體就可以讀的到那套字型，既定成俗，大家也就習慣將字型檔案一古腦兒的扔進資料夾中了。

如果在書包裝了三本書，書包感覺起來勉強還有空間；然而裝了十本書後，你背的是書包還是刈包？字型資料夾也是這樣，當檔案越來越多的時候，編輯軟體會需要花更多的時間讀入字型，若以八二法則的理論解釋，等於浪費了四倍的時間讓編輯軟體讀入不需要的字型。「電腦開機好慢」、「開啟illustrator要等好久」、「點開Word字型選單就像當機一樣」…，如果你也曾遇到上面的問題，別安裝那麼多字型也許可以幫到你。

如果你的Illustrator, Photoshop…打開要很久，字型太多可能是個原因。

管理好你的字型檔案，只安裝需要的字型，並將不常用或不需要的移除，才是讓電腦保持最佳效能的方式。iFontCloud字庫管理工具，就是專門管理字型的一套軟體，所有iFontCloud的租賃字型，授權後皆透過工具直接從雲端下載到記憶體中，不限定下載次數，你可以在工具中找尋需要的字型載入使用，結束後同樣於工具內卸載安裝的字型，下次需要時再載入，保持電腦效能。此外，因為文鼎針對部分字型會持續優化，使用時從雲端載入可以確保使用的一定是最新的正版字型，這也是網路分享版的缺點，內容可能不完美甚至有檔案缺陷的問題。當雲端伺服器能幫你儲存與更新字型，你又何必把自己的書包塞爆呢(笑)。

RWD淺談

先前我們在介紹Web Font時曾經提過：「RWD網頁可以針對不同的載具選擇不同粗細的字型，讓小螢幕上顯示的字不會糊成一團」，除了道出了Web Font的優點，也點出了一個好的RWD網站，應該要將載具適合的字級大小考慮進去，而今天我們就繼續介紹，什麼是RWD(Responsive Web Design)式的網頁。

根據Google Developers對於RWD的介紹中解釋：「任何解析度的裝置，伺服器傳的都是同一份的HTML，透過CSS來判定裝置的解析度後，生成適合該裝置大小的畫面顯示。」，因此一個網站可以用電腦、平板、手機來瀏覽，且都會得到最適合的畫面與內容。

任何解析度的裝置，伺服器傳的都是同一份的HTML。

早在RWD概念盛行前，就已經有許多購物與行動網站注意到，根據電腦螢幕所顯示的內容架構，可能不適合在手機上，因此他們購買了第二個網域，建立專給手機的頁面，以COSTCO網站為例，如果你看到的網域包含了特殊的前贅字(http://m.costco.com)，可能就是這樣的方式。但早先HTML與CSS並未發展到目前的階段，因此這樣形式的網頁多採WML(Wireless Makeup Language)語法所編寫，然而該語法是以XML為基礎，有點類似簡易版的HTML，因此在許多功能的撰寫上都會受限。

在智慧型手機流行後，各家瀏覽器廠商如Chrome, Firefox, Safari, Opera等，也都有針對手機版本所開發的瀏覽器，這時，開始有了以偵測瀏覽器是哪種版本來決定對應內容的方式，而這種方式由於各廠商與各版本間有太多不同的組合，因此在會需要針對許多的版本做設定，甚至要定義不同的手機解析度就是個大議題。

因此在HTML5和CSS3出現之後，許多可以自動偵測螢幕大小與根據大小調整內容比例的語法，就成為了RWD概念的核心技術：簡單的說就是取得裝置的螢幕大小，設定每個標籤的內容該出現的比例與位置。這樣的方式，讓網站工程師只需要針對一個網站開發，就可以讓拜訪者(Visitor)根據其裝置得到最佳的畫面呈現，除了畫面美觀外也更有效的吸收網站資訊，因此成為了近年來製作網頁的熱門詞彙。

HTML5和CSS3是RWD概念的核心技術。

Web Font網頁字型

想讓網頁美美的呈現在瀏覽者的面前，許多網站常常仰賴平面設計師來處理相關的圖文排版。然而，平面與程式設計之間往往又有一道看不見的鴻溝，讓已有想法的平面設計師們，不曉得該如何將概念在網頁上付諸實現，因此結果變成：把要展現的內容、字型、圖片，排完之後做成一張更大的圖片，然後將圖片丟到網站的頁面上。這種利用製作成圖片的方式來編排內容的方式，給了平面設計師最無痛的Solution，可以在許多中小型電商和使用CMS(Content Management System，內容管理系統)的網站中發現。另外，不想網頁永遠只有新細明體(現在流行起微軟正黑體)，而想要運用更適合的字型來呈現頁面，以往的方式似乎也只有將內容先套用字型後再輸出為圖片一途。

儘管這種方式，可以不透過編寫程式與設定標籤來完成網頁編輯，但搜尋引擎並無法解析圖片中的文字內容，當網路蜘蛛無法爬出網頁中的內容時，這些內容就很難被關鍵字所連結。想想看，要賣一雙「會飛的鞋子」，但你的客戶卻沒辦法估狗這些關鍵字找到你的網站會是多麼可惜。

將文字做成圖片會增加網頁載入時的流量，甚至造成關鍵字與排名落後。

Web Font(網頁字型)技術，提供網頁設計時套用各種字型於文字上，並顯示給所有瀏覽網頁的人。仔細看看，包含本篇文章，所有iFontCloud網頁中的文字都套用了熱門的「文鼎UD晶熙黑體」，你依舊可以選取這些文字，不需要每增修一次網頁內容就得重做一張圖片。

Alexa.com網站排名的計算是以網站的使用流量、熱門度、互動率、曝光度等資訊為基礎，並以不同比重的加權總分作為排名。由於Alexa的取樣數量相當大，且主要參考依據為現今網路世界的主流瀏覽器(Internet Explorer、Firefox和Google Chrome…)，因此一般仍被最廣泛用於評估網站的受歡迎度。

Web Font技術的使用在國外行之有年，根據Http Archive就Alexa.com的排名中的前一千大網站分析，到2013年為止有在首頁套用Web Font的網站是23%，到了2014年成長到43%，比例不少，是吧？Google Fonts更針對Alexa.com 2013年排名中的每一個頁面分析，發現：

前1M網站使用Web Font比例為46%

前10K網站使用Web Font比例為65%

前百大網站使用Web Font比例為73%

這些數據透露了一個訊息：越熱門的網站使用Web Font的比例越高。無論是為了選擇更適合的字型或是讓使用者經驗一致(RWD網頁可以針對不同的載具選擇不同粗細的字型，讓小螢幕上顯示的字不會糊成一團)，Web Font在歐美國家也醞釀超過3年，從2013年開始有跳躍性的成長，明顯的證據是，Adobe Typekit分析了2014年8月份銷售額，排出美國十大汽車廠商，全部套用了Web Font技術。

那麼為什麼亞洲使用Web Font這麼少呢，主要的原因還是在於字數的差異。完成一套英文字型，包含了26個字母與各種標點符號零零總總也不過百來個字，開玩笑，我們常用的中文字就超過一萬了欸(突然覺得中文博大精深)！也因為這樣的差距，中文的Web Font無法像英歐文可以直接下載所有字型到瀏覽器上顯示，必須先分析網頁中的所有文字後通知WebFont伺服器，請伺服器只要傳這些字就好，這種技術我們稱之為文字的Dynamic Subsetting。

以iFontCloud的Web Font服務流程舉例：當使用者點了一個套用Web Font的網址，網頁中的JavaScript會分析頁面中所有的文字後通知Web Font伺服器，伺服器針對匹配的字型抓出對應的文字後，組成一份包含所有頁面文字的字型檔提供網頁下載並套用。這樣不論是在任何裝置上瀏覽網站，都可以看到裝置本身所沒有的字型。

在後台設定好標籤對應的字型，再將提供的JS連結放到網頁HEAD下即可。