Html 文字設計沒啟用？

html css3 vscode vscode extension live server

Justmore5mins 2023-05-23 06:46:06 ‧ 1159 瀏覽

分享至

我自己因為一些原因所以要寫html，但因為我是第一次寫，所以遇到了一點問題
就是說我在寫Html的時候，我是用外部的css設計（這樣能讓code看起來比較簡潔）但是他卻沒有在html檔裡面啟用，這是為什麼呢？
裝置資訊：
系統：MacOS 13
Vscode版本:1.78.2
模組與版本：Live Server ver 5.7.9

html code與預覽畫面

style.css:

看更多先前的討論...收起先前的討論...

柯柯 iT邦新手 2 級 ‧ 2023-05-23 09:21:40 檢舉

1. F12 看主控台有沒有錯誤
2. 我先猜路徑問題
3. 清除快取重新載入

mantissa23bit iT邦新手 4 級 ‧ 2023-05-23 11:23:34 檢舉

question.html 跟 style.css在同一個資料夾下嗎?

窮嘶發發發 iT邦高手 1 級 ‧ 2023-05-24 09:26:01 檢舉

我要講的是基本觀念
在 head 區段應該要有的定義
首先就是這各，這表示你這份html 的編碼格式，請記得存到要存成 utf 格式不要ansi
<meta charset="utf-8">
接著，要知道html 早期的字型是固定的幾種，跟著作業系統的大家都有的字型才能使用，如果你要使用這些大家都有的字型之外的字型你必須載入字型的CDN
但是個人不建議，因為載入CDN會增加載入網站的時間，因為她還是需要去字型檔把你用的那些文字抓出來顯示，這都要時間，最有設計感的APPLE官網，也沒有去載入額外的字型CDN，有興趣自己去APPLE官網查一下原始碼就知道了
至於有那些字型可以直接用的參考這邊的說明
https://blog.hubspot.com/website/web-safe-html-css-fonts
或是直接搜尋 https://www.google.com/search?q=web+safe+html+css+fonts

Chris iT邦新手 3 級 ‧ 2023-05-24 10:10:25 檢舉

(此處空白)

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

CooperWu

iT邦新手 3 級 ‧ 2023-05-23 09:29:00

你的question.html要先引用字型的CDN才可以
先到Google Font選擇你要的字型
選好之後點擊右上角的Selected family，中間會有一段Use on the web
把區塊內的Link複製，放到你的question.html的Head再試試看，連結要放在引用CSS檔之前哦