2024年2月5日 星期一

取得字體名稱的方法

 取得字體名稱的方法

前言

  這次來學習如何取得字體名稱,在此把學習的過程做個紀錄。


內容

  範例如下

const scriptNames = new Intl.DisplayNames("zh-tw", {
  type: "script",

});
console.log( scriptNames.of("Kana") );//片假名 
console.log( scriptNames.of("Hira") );//平假名 
console.log( scriptNames.of("Hans") );//簡體 
console.log( scriptNames.of("Hant") );//繁體 


取得字體名稱是透過 [ developer.mozilla.org ] Intl.DisplayNames 來取得,要記得把屬性 type 改成 script ,接著就可以跟往常一樣透過 of() 來取得,字體的參數可以透過 [ zh.wikipedia.org ] ISO 15924 來查詢,要注意的是參數的開頭都是大寫!不能用小寫,不然結果會是錯的。


參考資料

[ developer.mozilla.org ] Intl.DisplayNames

[ zh.wikipedia.org ] ISO 15924

沒有留言:

張貼留言