字體為什麼會缺字?

2024-05-16 11:32:37.0

分類: Products and Applications

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

繁體中文在開發時最常使用的字體規格為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部首字的「日」則可能會顯示缺字的狀況。

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


Products and Applications

字型名稱New一下

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

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

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


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

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

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

Products and Applications

如何將可變式字體使用於網頁上

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

 

Web browsers

   

Chrome

62+

Safari

11+ (requires macOS 10.13+)

iOS Safari

11+

Firefox

62+ (requires macOS 10.13+)

Edge

17+

Opera

49+

Samsung Internet

8.2+

 

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

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

 

文鼎網頁字型方案

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

 

Products and Applications

文鼎字型關於字距的產品規格與應用

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

 

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

 

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

 

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

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

 

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

 

 

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