JavaEE——CSS字型樣式

標籤：Java

聲明：本欄目所使用的素材都是凱哥學堂VIP學員所寫，學員有權匿名，對文章有最終解釋權；凱哥學堂旨在促進VIP學員互相學習的基礎上公開筆記。

CSS字型樣式

通過CSS樣式表，可以自訂字型。下載想要的字型庫，然後在工程裡建立一個存放字型庫檔案的目錄，把下載好的字型庫檔案存放進去，之後就可以引用這目錄裡面的字型庫了，使用@font-face來自訂字型庫，例如我下載了一個毛澤東字型，然後在工程中建立了一個font目錄，把字型庫檔案放入進去：

提示：如果是做實驗、練習的話可以去下載一些各種各樣的字型庫來使用，但是如果是在個人網站或者其他公開的網站上，如果沒有獲得某個非免費字型的授權就不要使用這些字型，以免造成侵權的行為。

程式碼範例：

運行結果：

font-weight:bold 設定字型為粗體，font-weight有很多屬性，不過比較常用的就是bold粗體，程式碼範例：

運行結果：

text-shadow 設定字型的陰影部分，格式為：npx npx npx color， text-align設定字型的布局，常用的屬性有center（置中）、left（向靠左對齊）、right（向靠右對齊），程式碼範例：

運行結果：

text-decoration 設定字型橫線相關，可以設定字型的底線、上劃線、中劃線還有去掉橫線等等，例如可以去掉超級連結的底線，程式碼範例：

運行結果：

思維導圖：

JavaEE——CSS字型樣式