哪些系統、瀏覽器和軟體支援可變式字型(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

文鼎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

Products and Applications

文鼎書苑宋四軸可變式字型 中文可變字體的新里程碑

可變式字型(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的書苑宋字型包、繁中旗艦包標準版、繁中旗艦包進階版等方案中。