還記得前陣子曾經與大家分享過 Adobe 與 Google 合作的免費字體「思源黑體」嗎？一般我們在使用字型上最常見的就是黑體與圓體，黑體的邊框比較...
列表文章資訊參考來源
[設計] 使用CSS 載入思源黑體(Noto Sans TC)的快速方式
notosanstc.css 是google 提供的，也就是在css 中，載入繁體中文思源黑體( notosanstc )的方式。 以下我直接將整個notosanstc 這個css 檔顯示出來： /* * Noto Sans TC ( ... ...（以下省略）
** 本站引用參考文章部分資訊，基於少量部分引用原則，為了避免造成過多外部連結，保留參考來源資訊而不直接連結，也請見諒 **
-
Google Fonts 繼發表了開源的（免費的）思源黑體字型之後，又另外推出了5 款免費的中文網路字型、字體，分別是：楷體、圓體、仿宋體、黑體、明體5 種字體。
-
2018年2月9日 — Google Fonts 提供非常多免費字體。首先開啟你的CSS 檔引入Google 所提供的思源黑體，之後再使用font-family 將字體套用上，使用雲端字體就是這麼簡單。
-
2024年2月26日 — 使用Adobe XD，做了一份使用思源黑體各種字重的設計稿，然後使用裡面的一些web 相關的第三方plugins，測試看看是否能正常轉出網頁css 可用的font-weight ...
-
1. <H1>微軟正黑體</H1> ; 2. <H1 style=font-family: 'Noto Sans SC Sliced', sans-serif;>思源字體</H1> ; 3. ...
-
當需要對某個元素指定字型時，你可以使用 font-family 。 <!-- 使用一種字體，思源黑體Noto Sans TC --> <div class=font-family:Noto|Sans| ...
-
2016年11月9日 — CSS – 使用Google Fonts 的思源體的超簡單用法 ... 在head 中加入外部引用CSS，並指定font-family。 ... 可以參考Google 官方說明。
-
2019年1月14日 — 本篇對Google Fonts 提供的思源黑體外連，進行CSS 最佳化，直接複製程式碼即可使用。
-
2020年7月14日 — Regular、Normal、Medium、Light 对应的font-weight值. 字体粗细：'font-weight'属性名称： font-weight 取值： normal | bold | bold...
-
notosanstc.css 是google 提供的，也就是在css 中，載入繁體中文思源黑體( notosanstc )的方式。 以下我直接將整個notosanstc 這個css 檔顯示出來： /* * Noto Sans TC ( .....
-
2018年12月28日 — 超快速，只要5步驟直接換字體！ 這篇所有Google Fonts都適用，不管你的佈景主題有沒有含選字形的功能，用這個方法都可以。 不懂CSS沒關係，語法都附給 ...
思源體 css 參考影音
繼續努力蒐集當中...