哪些系統、瀏覽器和軟體支援可變式字型(Variable Fonts)?

2021-10-05 09:58:07.0

分類: Products and Applications

可變式字型(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 OreoAPI version 26)
Android Firefox 92(需使用Android OreoAPI version 26)

 

 

軟體

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

軟體 最低支援版本
Adobe Illustrator CC 2018 (201710)
Adobe Photoshop CC 2018 (201710)
Adobe InDesign CC 2020(201911)
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

 

 


Products and Applications

探索森澤的黑體之美——設計師不可錯過的五款黑體字型

字型不僅是溝通的載體,更是設計師展現創意的利器。
在字型設計的世界中,黑體字以其簡約現代的風格,成為設計師的經典之選,森澤致力於打造兼具美感與實用性的字體,精選以下五款黑體,一同探索它們的設計魅力吧


A1黑體

A1黑體包含了許多特別設計的字體元素,能在文字中創造出不同的溫度,並且適用範圍廣泛,由於其中宮較窄,加上栩栩如生的骨架設計,被歸類為復古風格字體,帶有些微手寫韻味,同時展現出自然流暢的美感。

雖然遵循著黑體的基本特徵,保持直筆和橫筆粗細一致,但通過圓角設計和油墨暈染效果這兩個不可或缺的特色,讓A1黑體在文章排版時不會像一般黑體給人過於俐落的感覺,反而營造出溫暖安定的氛圍。


Aoto黑體

Aoto 黑體是一款專為智慧型手機和平板電腦等電子設備顯示文字所設計的字體,其設計精神在於創造一種直接了當、乾淨俐落的黑體,讓使用者在閱讀長篇文章時也能感到自然順暢。

雖然 Aoto 黑體具有現代感且設計簡單,但其筆劃不像一般黑體那樣嚴格遵循水平垂直線條,而是保有自然的手寫風格,與大多數現代風格黑體採用較大字面框不同,Aoto 黑體特意在設計時為字身框保留了充足的空間,這個特點使它在保有現代黑體特質的同時,也能靈活運用於不同風格的文章排版中。


Kuretake Meiseki

Kuretake Meiseki 這款復古風黑體是由兩種字體組合而成:一是復刻自中國南京市郊外出土的晉代墓誌銘《王興之墓誌》的漢字字體「銘石」;二是源自森川龍文堂活字範例帖《活版總覽》中的和字(假名)字體「Kuretake」。

這款字型以隸書為基礎,融入雕刻風格的韻味,其筆風不僅展現出手寫般的質感,更帶有懷舊氛圍與質樸的魅力,特別適合用於需要營造復古風格的場合。


新黑體

新黑體是森澤的經典之作,以其筆劃俐落、結構穩重的特點,成為一款具有整齊系統感的現代風黑體,在簡潔無裝飾且筆畫均一鮮明的設計下,這款字體無論用於直排或橫排,都無需調整「比例間距」就能呈現出線條及灰度均等的優美排版效果。

其簡單洗鍊的風格使它非常適合運用於各種平面設計與廣告用途,不僅大字體具有視覺張力,小字體也保持著極高的易讀性。


UD新黑體 標準繁體

 

UD新黑 標準繁體是森澤以日文版UD新黑體為基礎,專為提升可讀性與易讀性而設計的繁體中文通用設計字體。

採用均衡的筆劃粗細,配合開闊清晰的設計,大幅提升了閱讀體驗,不僅適合運用於數位顯示與印刷媒體,融入了通用設計理念,讓不同使用者都能無障礙地感受文字的力量。

 


森澤的黑體字型,承載的不僅是字的型態,更是設計師對美感的追求與對功能性的需求。每一款字體都經過細緻的設計與測試,無論是在數位還是印刷媒介中,皆能展現出色的排版與閱讀效果。我們期待森澤字體能成為您設計中的創作養分,一同創造獨特的視覺體驗。

Products and Applications

文鼎DC黃陽尖魏

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

 

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

應用設計

Products and Applications

在Word轉存pdf時,無法顯示粗體

使用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