有關於字型 (font-family),有時候看到別人的網頁總會出現漂亮的字型,但我只知道微軟正黑體怎麼辦,這時候就要介紹到fcc任務中也有出現的外部引入字體 - Google Font。
by CSScoke
<head>
之中,css複製到想套用的字句上,就可以看到自己的字體啦。html:
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&display=swap" rel="stylesheet">
</head>
css:
p {
font-family: 'Noto Sans TC', sans-serif;
}
當然這個例子是繁體中文,英文所擁有的字體更多更花俏,都試試看吧!
下篇:更多(FontAwesome)