CSS-webfont 字體

發表於 | 分類於 | 0 comments

使用方法

1
2
3
4
5
//引入字體
@import url(//fonts.googleapis.com/earlyaccess/notosansscsliced.css);

//設定字體
font-family: 'Noto Sans SC Sliced', sans-serif;

範例

See the Pen Webfont - 思源體 by Kanboo (@Kanboo) on CodePen.

問題紀錄

雖然已有在css設定 font-family: ‘Noto Sans SC Sliced’, sans-serif; ，
不過還是沒套用到新的 font-family ，因為CSS權重的問題，還是使用預設的 微體正黑體，

可能是因為 codepen 有額外加 font-family 設定，導致 <style>的CSS權限 大於在 CSS檔裡面的屬性設定

所以若要強制轉換的話，就需要加 !important 

1
font-family: 'Noto Sans SC Sliced', sans-serif !important;

參考文章

谷歌提出字体切片方案
Noto Sans SC Sliced