思源黑體 Noto Sans CJK = Source Han Sans


2014,網路中文世界中出現了一種美觀且免費的中文字體。

思源黑體,這是由Google與Adobe合作所推出近年來最好的免費中文字體解決方案,
在此之前,很多人採用的開源中文字體是文泉驛所推出的文泉驛正黑、文泉驛微米黑。

Google與Adobe身為世界知名的商業大廠,其設計的字體自然引人注目,由於字體美觀程度因人而異,也有人採用需付費購買的商業字體,不過思源黑體已可符合一般人在平常使用下的需求。


(本圖引用中文維基百科)
http://www.wikiwand.com/ja/Source_Han_Sans 日文維基

在Pan-CJK(汎-中日韓)的精神下,提供開源且免費的泛Unicode字型方案給大眾使用,
希望滿足中港台三地、日本、韓國等四個漢字圈地區的使用者需求。

詳細的開發過程和介紹:

The Typekit Blog | 隆重介紹 思源黑體:開放原始碼 Pan-CJK 字型




要注意是,思源黑體會依據下載的來源而有不同名稱,但實際是完全相同的。
下載之後,在字體檔案按右鍵選單安裝後,即可運用於WORD等文書軟體以及瀏覽器。

黑体 (字体) - Wikiwand

[jf 小詞典] 黑體 , justfont blog

就英文名(Noto Sans CJK 、 Source Han Sans)來看:
Google原本就有Noto字型計畫,目的就是要消滅豆腐字
(係指文章因為缺字出現如豆腐方塊的情形),所以Noto其實是No Tofu(沒豆腐)。

至於Adobe 自己的Source Sans Pro,是一個開放的多功能字型家族,
Source Han Sans 開發過程中也納入 Source Sans 的拉丁文字符、希臘文和斯拉夫文字符。

Sans則是無襯線
〝serif〞(襯線) 指的是每個筆劃末端裝飾性的小突出,
〝sans〞則是法語「無」(withouit) 的意思,
 (※ 註:〝Sans Serif〞 通常略寫為〝sans〞)
〝sans〞這類字型的特徵是筆劃粗細一致,如:黑體。

引用:字型 (2):「思源黑體」是〝無襯線〞(Sans) 字型 - 教學FUN點子



引用: Google fonts 的字體(sans-serif 篇) , justfont blog

思源黑體的字體設計 | justfont | 立場新聞

"思源黑體"這個中文名則是Google臺灣雲端運算計畫主持人葉平所命名。

字體粗細最大可達 65,535 個字符 (達到OpenType 格式支援上限);
0-65,535,2的16次方為65,536,
而整個系列總共接近五十萬個字符。

Noto Sans CJK TC 的字元總數達到42,186

Google 是網路搜尋引擎的領導者,在行動裝置上有Android系統;
Adobe 是排版和多媒體處理軟體的大廠,具有舉足輕重的地位,
藉由思源黑體的廣泛運用,若能在不久的將來受到整個漢字圈十五億人的廣乏使用,
而成為行動裝置上的字體標準,則可讓Android APP開發者在字體選用上不致有所困難。

廣告行銷、媒體工作者、商業排版、出版業等,這些Adobe的眾多客戶,
也可以享受到免費且高品質的字體所帶來的好處:
不必費心在一個字體要如何能符合中港台的標準,
尤其是出版品發行於兩岸三地的廠商。

在商言商,二大廠看的是未來能帶來的商業利益。



詳細:
Source Han Sans提供的字形適用於中國大陆、台湾、香港特別行政區、日本以及韓國普遍的字元需求。Source Han Sans支援的國家/地區字元集標準包括下列地區的字元集標準:
中國大陆:GB 18030 &通用规范汉字表
台湾:Big Five
香港特別行政區:Hong Kong SCS
日本:JIS X 0208、JIS X 0213 與 JIS X 0212
韓國:KS X 1001 與 KS X 1002






一、Noto Sans CJK


Google所發佈的思源黑體,可以到Noto Sans 下載

可以展開顯示字體其七種字重的預覽,以台灣繁中TC為例:


當然,有需要的話也可以下載其他語言的字體。


Noto Sans CJK – Google Noto Fonts
http://www.google.com/get/noto/cjk.html

Recommended Use

If you are on Mac OS 10.8 or above and newer versions of Linux distributions such as Ubuntu 14, use CJK OTC or all-in-one CJK super OTC; Otherwise, use CJK OTF with different default language. In limited memory case, use region specific OTF subsets.

Mac蘋果、Linux的使用者可用OTC或超級OTC(All-in-one CJK super OTC font)
Win使用者則是使用CJK OTF fonts

下載後,選擇自己所要用到的字重,
(一般適合用NotoSansCJK-Regular)將其解壓縮安裝即可。

*.TTF *.TTC *.OTF三者字型副檔名的差異 - Yahoo!奇摩知識+

思源黑體:超大型泛東亞黑體字型家族 | justfont | 立場新聞


補充:

Guidelines for Using Noto – Google Noto Fonts

所提的CSS font-family,在網路上寫得相當易懂的二篇文章,出處是
網頁中英文字型(font-family)跨平台設定最佳化@WFU BLOG

讓網頁顯示特定中文字型﹍安裝實作教學@WFU BLOG

有自己架站、部落格的人可以看這二篇,然後在後台修訂。


補充2:

Updates – Google Noto Fonts
 
已更新 Version 1.004。

已更新 Version 1.003。

已更新 Version 1.002,支援更多語言。
在regular and bold這二個字重,加入等寛、half-width 字體。

In total eight (4 languages x 2 weights) monospaced half-width OTF fonts were added, in regular and bold weights.
- Noto Sans Mono CJK SC Regular and Bold
- Noto Sans Mono CJK JP Regular and Bold
- Noto Sans Mono CJK KR Regular and Bold
- Noto Sans Mono CJK TC Regular and Bold

April 20, 2015
    Released Noto Sans CJK Version 1.002 (release note)
    Added fonts for Urdu (Nastaliq), Oriya and Thaana
    Redesigned fonts for Armenian (unhinted, Serif and Sans Serif)
    Fixed issues in fonts for Kannada, Malayalam, Myanmar, Naskh Arabic, Sinhala, Syriac, Tamil, Telugu and Thai, Ethiopic, Hebrew and Georgian


已更新  Version 1.001,預覽圖也更新。

September 12th, 2014
Addition of a super OTC that allows people to install fonts for all four languages in seven    weights at once;
Multilingual OTFs with each of the four languages as the default;
Font name changes;
Critical bug fixes.


可以從右上方的藍色Download按鈕點取下載,
若要下載全部字體打包的ZIP檔,點選最上方右上角DOWNLOAD ALL FONTS按鈕。

如果只是單純的繁體中文台灣Win使用者,下載解壓縮ver.1002
T Chinese 大致上會如下圖:





二、 Source Han Sans

在Adobe的話,可以從Source Han Sans 下載

http://sourceforge.net/adobe/source-han-sans/

共包含7種字重
(ExtraLight 100、Light 200、Normal 300、Regular 400、Medium 500、Bold 700、Heavy 900)

命名和Noto Sans 不同,請注意。


1.001版後,請到GitHub下載




從後綴可以看到簡、繁、日、韓各有其對應。


這裡提供的是Region-specific Subset OpenType/CFF (OTF) 地區子集版本,也就是後綴有CN、JP、KR、TWHK的zip檔。

另外,otc、otf有何不同?詳細可看



從上圖就應該可以理解,一般Win使用者只要選OTF即可,視需求選Multilingual OpenType/CFF (OTF)、Region-specific Subset OpenType/CFF (OTF) 兩者其中之一。


三、 GitHub

Source Han Sans 在 Version 1.001之後,皆交由GitHub發佈
https://github.com/adobe-fonts/source-han-sans/releases
要下載全部的字體,用Latest release所提供的打包ZIP檔即可。

(Win使用者若要單獨使用某一個該壓縮檔的.oft,則可到
source-han-sans/OTF at release · adobe-fonts/source-han-sans · GitHub
個別下載。)

強烈建議可以看一下SourceHanSansReadMe.pdf (英文)來了解,
台灣的Win使用者可以用SourceHanSansTC-Regular.otf
下載壓縮檔,解開路徑是\OTF\TraditionalChinese,
內有7個.otf檔,選想要的字重;再行安裝即可使用。
安裝後,從控制台—字型就可以看到「思源黑體」



June 16, 2015 更新 Version 1.004

April 20, 2015 更新 Version 1.002

如果要在BBSFox使用,可以看這篇
Re: [-Fx-] 思源黑體(衍生版)+bbsfox的問題? - 看板 Browsers - 批踢踢實業坊



四、 衍生作品

在符合Apache License 2.0的規範下,
日本也有以Source Han Sans JP 開發字體的作品,
並散佈在網路供人下載,以下以有開發等寛的作品為主,
適合程式設計師使用,圖片來源皆為原作者網頁。


源真ゴシック (げんしんゴシック)

自家製フォント工房開發,詳細內容可到

2015/1/17 に最新版 (1.001.20150116) にアップデートしました。
作者在2015/1/17有所更新,故更換下方的直接下載連結。

2015/6/7 に修正版 (1.002.20150607) にアップデートしました。
請至原作者網頁下載最新6/7的TrueType版本。

在作者的ダウンロード(下載) ,可看到7z和zip檔二者,這裡提供直接下載zip:
genshingothic-20140828.7z (16.3 MB)
genshingothic-20150116.zip (63.0 MB)

源柔ゴシック (げんじゅうゴシック)

自家製フォント工房開發,詳細內容可到
源柔ゴシック (げんじゅうゴシック) | 自家製フォント工房

2015/1/17 に最新版 (1.001.20150116) にアップデートしました。
作者在2015/1/17有所更新,故更換下方的直接下載連結。

2015/6/7 に修正版 (1.002.20150607) にアップデートしました。
請至原作者網頁下載最新6/7的TrueType版本。 

在作者的ダウンロード(下載) ,可看到7z和zip檔二者,這裡提供直接下載zip:
genjyuugothic-20140828.7z (48.7 MB) 
genjyuugothic-20150116.zip (107.8 MB)

另外還有源柔ゴシックX、源柔ゴシックL 二種;需要者,請另外到作者的官網下載。



源暎ゴシック


御琥祢屋 - 源暎ゴシック置き場開發,詳細內容詳閱作者官網。




五、線上字型預覽



MyFontbook, 網頁版字型檢視器
 免費資源網路社群

這裡引用三個實際使用後,速度快且方便的線上字型預覽服務,不必打開文書軟體即可預覽電腦內所安裝的字體。




最後、

一、 

2015年補充:
[號外] 思源黑體在 justfont 上線 , justfont blog

Google Web Fonts 只需用 CSS或載入 Script ,
可將字體載入到網頁,不用擔心訪客電腦沒有安裝該字型。

但是 Google Fonts 沒有中文的思源黑體,而justfont則提供了這個服務。

思源黑體-Extralight,Google/Adobe,中文字型,字型下載,免費與付費中文字型列表 | justfont就是字

照著該網頁右上角的使用說明一步步建置即可。

2016年補充:
載入Typekit「思源黑體」中文網頁字型教學,提升網站整體質感 --免費資源網路社群

如果你不想用justfont的web font;那麼Adobe Typekit的免費方案已足夠一般人使用了。

Google Fonts 推出「思源黑體」中文網頁字型,改善網頁文字顯示效果 

google的web font方案。


二、

另外在瀏覽器像Firefox,如果想要有觀賞上的彈性,可以使用 Stylish 這個附加元件

Stylish :: Firefox 附加元件

然後,配合PTT的Brower版所看到的,t7yang 所提供

t7度空間: [瀏覽器] KillSerif Style 更新至 3.0(原 MSJhengHei Style)

t7度空間: [瀏覽器] KillSerif Style 更新至 3.2(原 MSJhengHei Style)

Re: [-Fx-] KillSerif Style 更新 - 看板 Browsers - 批踢踢實業坊

KillSerif Style - userstyles.org

3.3之後,現在你的Firefox可以在安裝Stylish 後在Userstyles.org 加入樣式直接使用。

這個CSS,請照著t7yang 所寫的這篇文章來使用。
t7度空間: [O2FP] Firefox 字型調整

停用Stylish 時,可以使用原先指定的字體;
使用Stylish 時,這個樣式會強制使用指定的黑體中文字體去替換網站的中文字體。

可以用自己的眼睛來確認要用何種方式來顯示字體。

這是自己的電腦的對比圖,上為未使用KillSerif Style,下為有使用KillSerif Style


在不同的環境下,其字體表現可能和上圖有所不同。


三、

台灣教育部的國字標準字體,也就是TW所遵循的標準,其資料在
教育部全球資訊網[ 國字標準字體及字表 ]

也可以看看這則Plurk


附帶一提,教育部在九月份建置了行動版,

中華民國教育部 常用國字標準字體筆順學習網
適合國中小學童利用網路學習正確筆順。


四、

延伸閱讀:

開放原始碼-COSCUP 2014

Google如何設計思源黑體字型?消滅豆腐字是最高指導原則 | iThome

Google能用NOTO字體一統天下嗎? | T客邦 - 我只推薦好東西

Noto Sans CJK / Source Han Sans:符合教育部的標準開源字型 | Noob's Space

小心!GB 18030 就在你身邊 | T客邦 - 我只推薦好東西

思源黑體:免費服務15億人的佛心字體 @ RainDog 6 Plus :: 痞客邦 PIXNET ::



留言

這個網誌中的熱門文章

認識日本煤油暖爐

理險又理財的買保險讀書心得(二)--醫療險