CSS樣式表可以為網頁設計提供豐富的字體選擇,但是有些字體在不同的操作系統和瀏覽器上不一定能夠顯示,因此在網頁設計之前需要選擇常見的字體。以下是常見的CSS字體下載:
/* Times New Roman - 等寬字體 */ @font-face { font-family: "Times New Roman"; src: url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap"); } /* Arial - 等線 */ @font-face { font-family: "Arial"; src: url("https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap"); } /* Helvetica - 微軟雅黑 */ @font-face { font-family: "Helvetica"; src: url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap"); } /* Georgia - 宋體 */ @font-face { font-family: "Georgia"; src: url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap"); }
以上是常見的字體下載方式,如果您發現無法下載或者下載速度慢,建議優先選擇一個接近字體的字體。例如,如果需要宋體字體,可以使用Source Serif Pro字體代替。
上一篇css 常用屬性 占比
下一篇cdn加載不出CSS