認識文鼎字體的命名

2021-08-03 10:50:50.0

分類: Products and Applications

文鼎公司成立滿三十年,回顧文鼎字型產品,主要投入在東亞的字型開發,包含繁體中文、簡體中文、日文這三個語言字型;另外,還有其他如泰文、阿拉伯文、印度文及歐文字型。在這些語文當中,又隨著各國資訊處理發展演變及國際標準化規範的潮流,衍生出不同技術規格的產品,如我們熟悉的繁體中文,在字集規格面,可分為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)軸

 

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

 


Products and Applications

iFontCloud實體卡開卡介紹

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

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

 

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

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

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

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

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

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

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

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

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

 

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

文鼎方新書

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

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

 

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

 

應用設計