CSS – 使用 Google Fonts 的思源體的超簡單用法

在 head 中加入外部引用 CSS,並指定 font-family。

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
    font-family: 'Noto Sans TC';
}
<body>
    <H1>思源字體</H1>
    <p>
        從 Google 外部引用字體,非常的簡單。可以嘗試自行移除 font-family 查看效果。
    </p>
</body>

可以參考 Google 官方說明

我們可以看看線上範例:


發表迴響