[文鼎 IN-HOUSE]父親節篇-❤感謝爸爸的字體應用海報
用字體訴說情感,於字裡行間刻畫父愛。在這重要的日子裡,讓我們應用字體打造父親節主題海報,融合創意排版與現代元素,為節慶增添一抹獨特的感動。
用字體訴說情感,於字裡行間刻畫父愛。在這重要的日子裡,讓我們應用字體打造父親節主題海報,融合創意排版與現代元素,為節慶增添一抹獨特的感動。
文鼎字型與臺灣森澤聯合主辦【會員限定講座】,透過設計師藉由自身不同的案例,分享文字與設計上的經驗與選字觀點,從中找尋字體與設計間的脈絡,探討更多設計的可能性。
讓你在創作時,更容易選出符合設計需求的字體,提升作品質感!
時間:2024/08/30(五) 14:00 - 17:00,13:30開放報到
地點:台北⽂創A廳 ( 台北市信義區菸廠路88號6樓 )
交通:建議搭乘捷運前往(捷運國父紀念館站5號出⼝,步⾏約350M)
王胤卓 Draw Wang |
合理的文字平面設計有相當多的工作在處理圖文之間的關係,不論是標誌(視覺規範設計)、海報(主視覺設計)、書籍(裝幀與編排)、展覽與指標(空間視覺設計)等,所有的造型與形式之間,都需要更恰如其分的文字編排與字體選擇。 ░ 講師介紹 ░ |
馮 宇 |
文鼎男孩奮鬥記!?字體擁有多重價值與魅力,不僅是資訊的載體,更是品牌個性與精神的具象表現。 ░ 講師介紹 ░ |
講座分為 線上直播 與 實體活動
線上直播與實體活動請擇一報名。若重複發送報名表單,且選擇不同形式的講座,系統將會判定為參加線上直播活動。填寫完報名表單後,我們將於3個工作日內寄送活動通知信件,並於活動前兩天以電子郵件方式寄發「報到通知」至您的電子信箱,請留意收件信箱。
立 即 報 名
1. 線上直播 :YouTube ⾮公開直播,活動連結將於活動前1天寄送,請留意報名時輸⼊的信箱是否完整。
2. 實體活動:報名實體活動後若因故無法參加,最晚請於活動3⽇前取消報名,釋放名額給想參加的朋友。
參加線上直播的你:不論新舊客戶,我們都準備了首購禮與續約優惠等著你!
參加實體活動的你:活動當天,現場將陳列展示兩位講師的設計案例,並與現場來賓進行交流。此外還會提供千元優惠卷及精美字體禮品讓你一併帶回家。
備註
1. 如活動當天遇有不可抗⼒之情事(如颱⾵、地震…等),主辦單位有權決定活動是否延期,並擇日另行公告於社群。
2. 主辦單位保留隨時修正、暫停、終⽌或解釋本活動之最終權利,並以本活動社群公告為準。
3. 如資料填寫錯誤或不符,以致主辦單位無法確認⾝分時,主辦單位有權取消其參加資格。
文鼎iFontCloud為學生、學校單位規劃了多樣的字體租賃服務方案,涵蓋同學個人使用、國中小、高中職大專院校、學校教職員等不同角色與組織的授權方案。
專屬學生以教育學習為目的的方案
身為學生的你,在用字上有沒有這些困擾呢?除了系統內建字體外,沒有其他來源可以選用字體,或是使用到來路不明的字體,無形的誤觸著作財產權的爭議,想要使用新世代的字體,費用上卻無力負擔呢?文鼎字型從教育的視角切入,在iFontCloud平台上提供了繁中多元學習包(學生)(年)與美感學習包(學生)(年)等兩個方案,期望對於著作權的尊重、透過合法途徑使用正版字型、使用者付費的觀念從校園學生時期開始養成。學生們於就學期間可以合法的以學習為目的使用這兩個方案的字型於報告、作業、佈置等用途,藉由字體的運用豐富的作品的樣貌。
iFontCloud學生教育方案的購買者、使用者必須具有學生的身份,購買時可以先準備以下資訊申請教育身分的認證:
在註冊iFontCloud會員後,並將上述證明文件擇一上傳至ifontcloud@arphic.com.tw信箱,待客服人員審核通過後,即可以學生身分購買學生方案。
學生在使用學生方案的同時要注意,本服務是以提供學生學習使用為主要目的,使用iFontCloud期間所產出的文件、作品皆不得有銷售等營利的行為喔。
△: 學生版注意事項
學生版以學生個人學習為目的,使用本服務,本服務及產出物不得用以營利或銷售,詳細請見授權書內容。
以教育學習或教學為目的的方案
文鼎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部首字的「日」則可能會顯示缺字的狀況。
下次碰到字體缺字的狀況別驚慌,先確認字符是否為漢字以及字體使用的字集就能解決大部分的問題囉!
如果有將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:表示變數軸支援長體的變化)
長久以來,大多數中文漢字數位字體的設計規格都侷限在正方形的方框中,從而產品化出結構方正的字體,然而,當遇到字元寬度無法在有限的寬度空間中做文字排版時,即延伸出「長體」的字體產品,用以縮減排版時整體的字元寬度。早期長體的設計,相對於正方形標準產品的設計規格,保持相同的字體高度,但縮小左右的水平空間,所形成長型的字體即稱為長體,相對於未變形前水平、垂直100%的比例,縮小左右10%比例的字體,稱為長一,縮小左右20%比例的字體,稱為長二…。 長體字型產品的開發,豐富且擴展了字體家族。
*○:可透過可變式字型(Variable Font)使用
|
字重 | 標準 | C95 | C90 | C80 | Variable Font | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
文鼎UD晶熙黑體 E1 | MD | ● | ✖ | ✖ | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DB | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
BD | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
EB | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HV | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
文鼎方新書 H7 | MD | ● | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DB | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
BD | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
EB | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HV | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
文鼎書苑宋 HKH32 文鼎書苑宋 HKH46 |
MD | ● | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DB | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
BD | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
EB | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HV | ● | ● | ● | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
文鼎白玉書體 H16 | LT | ✖ | ✖ | ● | ✖ | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
MD | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DB | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
BD | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
EB | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HV | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
EH | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DBL | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
BL | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
文鼎白玉書體 H32 | MD | ✖ | ✖ | ● | ✖ | ● | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DB | ● | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
BD | ● |
長體字型產品圖例:
使用Microsoft 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
可變式字型(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」其最大的特色為一款具有四個變數軸的宋體中文可變式字型,變數軸包含有:
應用上,讓設計師可以透過一個字型檔案,運用變數軸的交互調整,就能夠輕易的獲得不同調性設計案件需求的最佳字型。以設計師常用的Adobe Illustrator操作界面為例,使用者可以在字元面板中點擊「變數字體」按鈕,即可看到上述的變數軸,透過調整滑桿的方式,輕易的找到最佳的字體樣式。
瞭解可變式字型原理設計師應該可以知道,具有四軸可變字式字型的中文產品在設計與開發是有很高的挑戰性,然而,在外部的使用環境也存在著許多的挑戰,最常遇到的是軟體的支援與否(哪些系統、瀏覽器和軟體支援可變式字型(Variable Fonts)?),以及電腦硬體效能是否足夠因應可變字體變化時所需的計算效能。以我們的實際測試,在使用中文可變式字型時,會消耗大量的電腦資源,因此,我們會建議在使用中文可變字體時,盡量以一個標題所需的字數為主,做變數軸調整變化的文字字元數不要太多,以免出現電腦卡頓、誤以為是電腦效能不佳。
目前,文鼎VF書苑宋_WrWCO可變式字型產品為嚐鮮版的釋出,為的是帶來更多的創意與可能性,也期望藉由這樣的一個產品,降低設計師在字型調整的時間,透過設計師運用的巧思為設計案件帶來畫龍點睛的效果。此嚐鮮版字中文元數包含大部分的繁體中文,使用時若遇到缺字、無法順利做變數軸的變化或有其他的建議,煩請透過客服信箱讓文鼎團隊知道,我們收集到足夠的使用回饋,將其做正式產品化的重要依據。
目前文鼎VF書苑宋_WrWCO四軸可變式字型已經上架文鼎iFontCloud的書苑宋字型包、繁中旗艦包標準版、繁中旗艦包進階版等方案中。
哆啦A夢的前身是小叮噹,高雄的舊名叫打狗,在你我日常周遭也有不少因為時代背景不同,而改變念法,但他們的本質是不變的,都是在陳述同一件事物,文鼎的字型名稱是否也有類似的情形呢?答案是有的,讓我們繼續看下去…。
早期市售的字型,多半是以光碟片實體的方式提供給購買者做使用,但因時代的變遷,很多科技產品販售的方式都改為線上作業,進而取代了以往實體的光碟片安裝。文鼎目前有上千套字型,服務使用者搭配iFontCloud字庫管理工具做使用,但身為資深文鼎老粉的朋友們,是不是在光碟片字型轉換成雲端字庫字型時有著一些疑惑呢,例如:之前使用的”文媛中圓”為什麼在iFontCloud購買的網頁上沒有看到之類的聲音,我們聽到您的聲音了,文鼎在iFontCloud網頁上加強了這一類字型的搜尋,現在只要在搜尋的地方打上早期舊字型名稱的關鍵字或完整名稱,就可以輕鬆地找到現在新對應的字型名稱,使用者可以安心的使用。
舉例:在iFontCloud網站上”字型搜尋”輸入舊字型名稱如:文媛,即可找到相對應的”文鼎圓體”
相對於早期的字型產品,目前對應新字型的內容會有以下變動:
整體而言,文鼎字型產品不會隨著時間的流逝而逐漸凋零,而是與時俱進透過雲端的方式做產品更新以及服務使用者。文鼎也提供了新舊字型名稱對照表,以提供大家在對應上的方便性,煩請點選下方連結下載:新舊字型名稱對照表
中文字體的組成包含漢字與符號,其中符號又可分為拉丁、數字、標符、日文Kana等,以繁體中文Big-5的規格為例,漢字所佔字元數的比例高達94%,如何有一個順暢的字體開發流程,以及高效率的造字系統是一個攸關字體產出效率的重要課題。
所謂萬丈高樓平地起,一款優秀的字體必須建築在前端的造型發想與筆畫設計,目前漢字的開發大多以漢字的最小組成單位「筆畫」來進行字體結構的組成,以「筆畫」為單位的開發方式,具有效率較高、利於修改與維護的優點。
下圖為文鼎的中文字體開發流程,從最左方的設計造型開始,經過筆畫分析、筆畫繪製的前期準備作業後,進行少量的試造字開發,當中評估設計細節、開發製程、技術,通過核可後,就進入穩定但期程最長的大量造字階段了,以繁體中文為例,一款字體在大量造字階段約需9個月的時間來完成,其後就進入字體美感品質與字體工程品質審核的品管字審階段,以上這些關鍵流程,在開發過程中如果有發現需要改善的地方,就會退回到前面階段,進行檢視與評估,確保字體產品在有品質、有計劃、有效率的情境下完成。
流程關鍵點解說:
產品化
將設計好的漢字、拉丁(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)系列,精品真跡、設計字型:
透過上方簡單排版的圖例,應該可以感受到每款字體有著自我獨特的個性,呈現出多種氛圍,如果厭倦的使用筆畫組字的字型,不妨試試文鼎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」,追求的都是降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。
不同變數下使用不同規格、不同設定的字體,甚至是加以細節的微調,如字元間距、字元高度等,以達到最佳的視覺效果,這是我們在本篇文章希望讀者可以學習到的地方。
若是文鼎字型的鐵粉,有沒有發現近幾年文鼎的字型產品,在安裝後於軟體使用時,在字型選單列裡會出現另一組字體名稱幾乎一樣的字體,仔細一看,差別在於另一組字體名稱中多了「P」、「F」的代號。
幾年前,文鼎公司在與外部設計師交流的過程裡,不止一次聽過這樣的聲音,大致是這樣:在文章排版遇到中文全形符號的時後,常常需要花許多時間來調整個別符號的字間距,以免過大的白空間影響著版面閱讀的舒適度。
另一方面,真跡手寫數位字體的特色,除了字體造型外,每個字元的寬度、大小也不盡相同,我們將這樣的手感溫度帶入數位字體,讓每個字元在透過軟體排版後,仍然散發著人真人手寫的感受;然而,同時間字體也需要考量不同載體、軟體的相容度,這些都是在字體設計過程中字元規格的設計,連動到字體使用端文字間距調整的情境。
近幾年文鼎字型產品,如在印刷排版常會使用到的明、宋、仿宋、楷、黑、圓這幾類的字型產品,而且應用上,會在內文情境出現的字重規格,這些因素下,字型產品就會以TTC(TrueType Collections)的字體格是製作,裡面包含標準規格的漢字、符號以及有對常用39個中文全角符號進行調和(Proporitional)設計
的字型,這些有調整常用39個中文全角符號的字型,在字型選單列表裡,名稱中就會多了「P」這個代號,以下以文鼎書苑宋體為例。
而真跡數位化活潑風格的產品的情境剛好相反,通則上,以還原設計師寫字稿時字元的寬度為預設值,此時字元在排版上會呈現文字寬度擬真、有書寫韻律感的視覺效果;在兼容不同軟體對讀取字體的考量下,另外將真跡數位字型漢字的字寬,刻意的做等距的規格,在字型選單列表裡,名稱中就會多了「F」這個代號,以下以文鼎DC陳森田MORITA為例。
這些字型產品如果在Adobe軟體裡使用,要特別注意字元面版中「設定兩個字元之間的特殊字距」這個設定,若選到視覺,則文字會依Adobe的機制,根據字元的形狀自動調整選取字元間的間距。
工欲善其事,必先利其器,在設計師的職涯裡,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風格包(進階):文鼎與設計師共同合作設計簡中字型,書法大師、插畫家、設計師手寫、手繪的真跡精選合輯,保留手書原貌,涵蓋經典書法、心動手寫、現代設計等風格
可變式字型(Variable Fonts)是OpenType字體格式的一種,從2016年發佈至今,與以往的字型檔案的使用經驗不同,只需安裝一個可變式字型(Variable Fonts)檔案,即可使用該字型定義的可變屬性,如字重(weight)、寬度(width)、傾斜(slant, italic)、光學尺寸視覺調整(Optical size)等,變化出一套完整系列字體,不再需要安裝10幾個字型檔案,大幅減少安裝字型套數且有效降低字型檔案大小。
可變式字型(Variable Fonts)讓設計師的設計帶來更多的變化,透過彈性的微調字型細部參數,打造出專屬的字型樣式,讓作品更具有視覺吸引力。
可變式字型(Variable Fonts)使用需要在支援可變式字型(Variable Fonts)的作業系統與軟體中使用。以下列出各作業系統、瀏覽器和軟體最低支援版本。
作業系統
作業系統顯示可變式字型(Variable Fonts)是用字重加樣式方式呈現
作業版本 | 最低支援版本 |
Windows 10 | 1709 |
macOS | 10.13 |
瀏覽器
瀏覽器支援顯示可變式字型(Variable Fonts)的變軸設定(Weight、Width、Italic、Slant、Optical Size),如何將可變式字體使用於網頁上可參考下方應用新知連結中的文章https://ifontcloud.com/index/newknowledge_detail.jsp?id=89
瀏覽器 | 最低支援版本 |
Chrome | 66 |
FireFox | 62 |
Safari | 11 |
Edge | 17 |
Opera | 53 |
IE | 不支援 |
手機瀏覽器 | 最低支援版本 |
iOS Safari | 11(需使用iOS11) |
Android Chrome | 93(需使用Android Oreo:API version 26) |
Android Firefox | 92(需使用Android Oreo:API version 26) |
軟體
可以利用可變式字型檔案量小,但透過變數軸的調整,為您的作品提供更多的字體面貌。
軟體 | 最低支援版本 |
Adobe Illustrator | CC 2018 (2017年10月) |
Adobe Photoshop | CC 2018 (2017年10月) |
Adobe InDesign | CC 2020(2019年11月) |
Sketch |
59 |
Microsoft Word |
Office 365 |
Apple Pages |
11.1 |
Apple Keynote |
11.1 |
Apple Numbers | 11.1 |
部分軟體如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 可到”我的字體”在想套用的字型”點擊安裝”即可套用字型
照著以上的步驟,大家是否對實體卡有更進一步的了解,如果在操作上有問題,歡迎大家詢問,文鼎專業的客服團隊,會為您做詳盡的答覆。
文鼎是一家字型廠商,近幾年也陸續承接了許多字型配對的案件,主要都由英歐文字的需求開始,做中文、日文、韓文的字體搭配。以我們所處的環境,每天眼睛看到的繁體中文,對我們來說是最熟悉不過的文字,但是,對於文字來說,透過筆畫造型、字體結構等變數因子的設計,會產生許多不同風格的字體產品出來,茫茫字海中有沒有什麼方式可以讓使用者快速的找到所需使用的字體呢?
喜歡喝咖啡或常逛咖啡館的同好如果有注意到的話,應該會知道「咖啡風味輪(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的設計,就可在網頁上以文字輕鬆、快速的呈現出動態效果來。在現在的桌機和移動設備上主要的瀏覽器大都已支援可變式字體的顯示,支援的瀏覽器版本整理如下表,因此,我們可以期待,透過更多可變式字體產品的推出,網頁的面貌將在互動設計師與網頁工程師攜手下,帶來許多的視覺觀感體驗。
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
電腦安裝太多字型,每次都要花很多時間從頭開始,卻還是找不到要使用的字型,令人覺得頭痛,再加上不同軟體讀取字型名稱的方式不同,有時候明明安裝中文字型,但是字型清單顯示的卻是英文字型名稱。
以下我們以在台灣使用繁體中文介面的Windows作業系統說明如何在軟體中找到文鼎字型。
文鼎字型的中文名稱大多以「文鼎」這兩個字開頭做顯示,英文則是「AR」,在iFontCloud文鼎雲字庫網頁或iFontCloud字庫管理工具中有提供字型的中文和英文名稱,讓您清楚知道字型的名稱,搜尋字型更容易。
常用的Office 軟體,如:Windows 2013 word、Excel和PowerPoint,在顯示字型的下拉選單中,輸入字型名稱的第一個字「文」或「AR」即可快速到達相同名稱字型的位置,此時點開下拉選單就能更換為其他字型。這裡有一個字型語言及作業系統語言的變數要注意一下,一般來說,繁體中文字型名稱大多為中文顯示,而簡體中文的字型名稱則為英文;如果作業系統是是Windows簡體中文版,則規則相反,繁體中文的字型名稱以英文顯示,簡體中文字型名稱則是中文。
而設計師常用的Adobe系列軟體,在Photoshop、Illustrator中,繁體或簡體字型的字型名稱都是用中文顯示。在字元視窗中,輸入任一字型的名稱關鍵字後,Adobe的字型運算機制即會將該關鍵字相關的字型列出,這樣就加快了使用者找字的效率。倒是要特別題一下,在InDesign裡,若在繁體中文的作業環境,簡體中文字型是以英文的字體名稱做顯示。
從上方簡要的說明,我們可以這樣說,在字型公司的字型工程做業端要兼顧到字型使用的各個環節,確保在任何環境上字型產品都能被正確的顯示與使用到,這確實是一件專業的工作,也是整體造字工藝中重要的一環。
文鼎公司成立滿三十年,回顧文鼎字型產品,主要投入在東亞的字型開發,包含繁體中文、簡體中文、日文這三個語言字型;另外,還有其他如泰文、阿拉伯文、印度文及歐文字型。在這些語文當中,又隨著各國資訊處理發展演變及國際標準化規範的潮流,衍生出不同技術規格的產品,如我們熟悉的繁體中文,在字集規格面,可分為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)軸
多種字型名稱代號的定義,代表著產品設計因應著外部變化的腳步,讓字型產品輔助使用者,為設計帶來最佳的視覺效果。
文鼎提供單套字試用時間為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”後面加上”土”字的拼音三次,這個字將會顯示出來,這個小小的方法可以讓人對罕用字更加有興趣,您也可以試一試。
使用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雲字庫的展示說明
能夠代表一個人的稱謂有很多種,有本名、小名、綽號,還有獨一無二的身分證字號,在輸入法中,好比「林」這個字,注音輸入法輸入「ㄌㄧㄣˊ」,倉頡輸入法輸入「木+木」可以找到他,這就好比稱謂一樣,以不同的方式可以叫出不同的字碼,內碼輸入法也是其中一種,而且就是像身分證字號那樣,是一種獨一無二的,在標準字中,一個字碼就代表一個字,如果今天我們得知這個字碼Unicode碼位,但不知道他的念法或倉頡,就可以用這個小技巧。
以「林」這個字為例,開啟電腦的微軟注音或微軟倉頡,輸入「` 」+「U」+「6797」,輸入完字碼點選空白鍵輸出,就可以打出這個字碼所代表的字,這邊需要小提醒,這邊輸入的數字需要點選左邊上排的數字鍵,如果輸入右邊數字鍵盤,是沒有反應的喔~以「林」這個字為例,開啟電腦的微軟注音或微軟倉頡,輸入「` 」+「U」+「6797」,輸入完字碼點選空白鍵輸出,就可以打出這個字碼所代表的字,這邊需要小提醒,這邊輸入的數字需要點選左邊上排的數字鍵,如果輸入右邊數字鍵盤,是沒有反應的喔~
同場加映,如果今天想要知道一個字的字碼怎麼辦,我們只需要開啟Word,在上面鍵入您想知道字碼的字,例如「林」這個字,輸入完後直接點選鍵盤的Alt+X,這個字就會轉換成Unicode的字碼「6797」。
在使用輸入法輸出中文字時,你的零是以怎樣的面貌呈現呢?是寫成國字「零」,還是「〇」、「O」、「○」、「0」或是寫「0」?在windows作業系統的環境裡,「零」、「O」或「0」使用任何輸入法都可以打出來,但是「〇」用一般系統內建的輸入法像是注音、新注音、倉頡是找不到的,如果您有額外安裝的輸入法,如自然輸入法,鍵入零這個字,則可以透過選單找到「〇」。
上面舉例的這些字元造型都長的很相近,每一個字元在Unicode字碼的定義裡都有一組數字來代表自己,這組數字一般通稱為字碼,這幾個字碼及其代表的意思分別如下:
零:U+96F6,中文漢字零。
0: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一樣,都是軟體開發商,現今也都隨著趨勢轉型為以服務為導向的工作型態。
字型使用行為,由一次性的消費習慣,轉換成以季或年為單位的租賃服務模式,在歐美、日本、韓國已經行之多年,在台灣,文鼎公司在2015年開始啟動iFontClout文鼎雲字庫,至今已經邁入第七個年頭,讓我們再一次的來認識一下iFontClout文鼎雲字庫的字型租賃服務:
什麼是租賃字型–iFontCloud租賃字型提供了正版字型授權,可將字型透過雲端下載,到電腦上使用。而且,藉由雲端同步的機制,字型設計師新增與修改的字型也可以即時更新,讓使用者取得最新字型。
可商業使用–為了保護智財權並兼顧會員使用便利性,可做為個人及商業用途。授權範圍請參照本服務之字型軟體使用授權書。
雲端管理系統–依照需求的不同,選購符合的授權數量。一個帳號,在任何PC或Mac上皆可輕輕鬆鬆使用及管理。
友善的管理介面–字型檔案存放雲端,輕鬆使用及管理字庫。透過工具列表,可快速輕鬆的完成安裝及移除。
更新免煩惱–字型內容有修正或更新,用戶端即時更新。
彈性租賃模式–針對特定字型需求,可至字型總覽頁面篩選。
iFontCloud授權懶人包
一個授權,一台電腦 |
不論購買單套字或方案,購買數量1,指的是「一台電腦一個授權」,無法同時2台電腦使用,如需更換電腦,請登入iFontCloud至租賃管理頁面移轉。 |
標準和進階版差異 |
標準版:使用字型設計出來的產出物,以自用為目的,製作和使用都是同公司。作品所有權只可屬於授權方(製作者) 適合對象:企業、自用 進階版:使用字型設計出來的產出物,提供他人使用為目的,製作和使用是不同公司。作品所有權可屬於授權方(製作者)或客戶 適合對象:設計公司 |
不再租賃字型,作品可否繼續使用 |
在購買一年內期間製作完成的作品,就算明年不再租賃方案,完成的作品仍然可以繼續使用,沒有時間限制。 此外,字型檔案是放在雲端空間,當不再租賃方案,您的電腦沒有字型檔案,因此原始檔如果需要再編輯,會跳出找不到字型,需再次租賃才可編輯原始檔 |
單套字的授權範圍 |
單套字授權範圍同進階版。 進階版:使用字型設計出來的產出物,提供他人使用為目的,製作和使用是不同公司。作品所有權可屬於授權方(製作者)或客戶 |
同一套字型不同字重算幾套字? |
文鼎明體共有六種粗細(L, M, B, E, H, U),因此算六套字型 |
已經購買租賃字型,如何開始使用字型? |
字型使用前需先下載「iFontCloud字庫管理工具」做為電腦與租賃服務的中繼,啟用訂單後,用戶依據使用需要,字型可選擇單套字下載或全部下載。 請根據您的作業系統下載並安裝 https://ifontcloud.com/index/download_tool.jsp |
如需更詳細內容,可參考標準版授權書、進階版授權書範本
中文字體與日文字體同樣都有漢字、拉丁與假名,如果有留意日文字型產品,會發現日文字型同樣的一個字體家族,但有著不同假名、拉丁的造型設計做搭配。
文鼎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輸入法問題的當務之急,在微軟尚未對此問題更新前,大家不妨試試。
有沒有在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更新或新版本有支援內嵌字型功能
一款字體如以家族的方式做呈現,大多是由細到粗以字重(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)。
應用設計
操作步驟
1. 登入iFontCloud會員帳號
2. 進入到字體清單頁面
3. 輸入關鍵字或用條件搜尋字體
4. 安裝字體
5. 字體安裝完成後,開啟有支援custom fonts的APP使用
支援安裝custom fonts的APP
文鼎推出「iFontCloud」APP在iPad和iPhone,APP內有多種豐富繁中與簡體類型的字體讓用戶安裝。「iFontCloud」APP共有320套字體,包含文鼎經典字體「晶熙黑體」完整12套字重和「方新書」字體系列,以及最受歡迎外部設計師的字體─陳森田和香蕉人字體,與最常使用的明體、黑體和圓體,除此之外,還有書苑宋、黃陽尖魏體、云康行楷、清圓體……等字體,讓您在iPad和iPhone用字體製作更精美的作品!
已在iFontCloud購買方案包或單套字的會員,只要字體有在「iFontCloud」APP中且訂單在授權期間內,即可在一台iPad或一台iPhone上免費安裝使用字體。
文鼎提供所有會員4套免費字體使用
在「iFontCloud」APP安裝完成字體後,即可開啟有支援custom fonts的APP,像是Pages、Keynote、Adobe Photoshop等APP使用字型。
規格
系統:iPhone 、iPad iOS 13及以上系統
支援安裝custom fonts的APP
字體清單: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時,看來顯得太緊了。各國中文字體標準不同,但台灣的正體中文標準被質疑。
文鼎推出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許願,大神大神!造福廣大中文語系用戶吧!有什麼想法想要討論,都可以在下方留言回覆我們。那我們就期待下篇文章吧!
新技術帶來的字型下載方式
早上睜開眼,看見家人留在餐桌上的字條,告訴你咖啡已經泡好了,同時電視上顯示今天下雨機會超過七成;然後你抓起玄關的雨傘放入包包後走進捷運站時,跑馬燈上顯示著下一班車要一分鐘後才到;進到辦公室,打開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下即可。