字型介紹 Noto(思源字體) Sans-serif(無襯線) Serif(襯線體) Mono(等寬)
更改字體前(上)與後(下)
更改字體設定
字型名稱介紹:
Noto:字體名稱=取豆腐的音~意思是不要產生顯示的字口口口,口他們看起來像豆腐
Sans:無(襯線)
Serif:(有)襯線
Mono:等寬
CJK:中日韓
TC:繁體中文規則,符合台灣教育部規定
Regular:粗細程度
字型介紹:
1.有襯字=>serif
偏古代,就是A兩隻腳下面會多兩個底線
中文了話會像寫書法多一些稜角(標楷體)
2.無襯字=>sans=sans serif (sans=無(法文))
偏現代,A就是我們學的A
中文就是比較流線型,平常原子筆的寫法
3.等寬字=>mono
一般英文 A 跟 I 的寬度是不同的,A寬度大概是I的三四倍
而等寬字就會把每個英文字母的寬度拉到一樣
(程式碼比較常用)
所以如果打開Chrome的字型設定會看到四種字型設定
就是上面三種加上一個標準字型,
就是網頁沒指定他要有無襯時,你想用哪種顯示
如果妳都填同一種字型,那有可能會吃不到設定
因為你把有襯設定成無襯字體,
他要去抓的時候發現
在有襯字內找不到你設定的那個字型名稱
他就當成你沒設定
然後你的字型可能就會變很難看
注意:由於添加了半寬(HW)變化,常規和粗體權重包括10種字體。
*思源黑體 是根據Apache 2.0 授權提供使用。可下載版本的完整多國語言字體系列、個別語言子集以及源文件 都可以在GitHub取得。
Google 將會以Noto Sans CJK這個名稱發行此字體的自有版本,做為其 Noto pan-Unicode 字體系列的一部分。
字體下載:Noto Sans Mono CJK
1.下載 OpenType/CFF Collection (OTC)
裡面有無襯線(Sans-serif)跟有襯線(Serif) 跟各種粗細 (Regular,Bold...ETC.)
其中 NotoSansCJK-Regular.ttc 跟 NotoSansCJK-Bold.ttc 包含等寬字體Mono
可以依需求下載或全下載
2.安裝字型:右鍵>為所有使用者安裝(否則有些軟體抓不到該字型)
3.打開chrome 設定 自訂字型
標準字型(預設):Noto Sans CJK TC Regular
Serif 字型(襯線體):Noto Serif CJK TC Medium
Sans-serif 字型(無襯線):Noto Sans CJK TC Regular
固定寬度字型(Mono):Noto Sans Mono CJK TC Regular
下載
可變(Variable) OTCs (OpenType Collections)
如果你想要所有的五種語言和所有的粗細,以及半寬(HW)的變化,並且你的系統同時支持可變字體和OTC(OpenType Collection),請選擇這種部署格式。
可變(Variable) OTC(OpenType Collection) OTF | TTF
可變(Variable) 半寬(HW) OTC(OpenType Collection) OTF | TTF
特定語種下載:adobe-fonts/source-han-sans at release (github.com)
P.S. OTCs 版本是將四個地區的字體集中到一個 OTC (OpenType Collection) 文件中。
等寬
備註
Variable
使用可變字體技術,令單一字體的字重可無級調整——比如,覺得 Light 太細而 Regular 太粗,想找個中間值,使用可變字體就能做到。可變字體版本亦分 OTF 和 TTF,兩者區別在於封裝格式。
Windows 11
Windows 11 支持 TrueType (.ttf)、OpenType (.otf)、TrueType Collection (.ttc) 或 PostScript Type 1 (.pfb + .pfm) 格式。
Super OTC
Special Note: This deployment format requires macOS (OS X) Version 10.8 (aka Mountain Lion) or later, iOS 7 or later, Windows 10 Version 1703 (aka Creators Update) or later, a flavor of Linux that uses fontconfig and FreeType Version 2.5.0.1 or greater, or Adobe CS6 apps or later.
參照
一家人最紧要是齐齐整整 — — 安装最新的思源字体家族. 自本站建立,一周以来,我一直在跟踪翻译 小林剣… | by Fate/Typo | Medium
思源黑體 (Source Han Sans) 的各個版本有什麼不同? - 每日頭條 (kknews.cc)
adobe-fonts/source-han-sans at release (github.com)
https://blog.justfont.com/2014/06/google-fonts-2/
[設計] 使用 CSS 載入思源黑體(Noto Sans TC)的快速方式
JetBrains Rider 更改字型 | 御用小本本 - 點部落 (dotblogs.azurewebsites.net)
【三個常見字型】TTF. / OTF. / TTC. 副檔名的差異 - 麥思印刷整合 MINDS | 紙の專家 | 設計の溝通者 「一站式」 (mindscmyk.com)