avatar

目錄
Google_font 使用

Google_font 使用

先到 Google_font 網站。

選擇喜歡的字型後,再選擇大小(點 select this style)。

將 Selected family 選成 Embed

分別引用 link 跟 CSS rules 即可。

HTML

Code
1
2
3
4
5
<head>
...
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,100&display=swap" rel="stylesheet">
...
</head>

CSS

Code
1
2
3
body {
font-family: 'Roboto', sans-serif;
}

參考:
https://hsuchihting.github.io/css/20200718/3780287185/