首頁  >  文章  >  web前端  >  怎麼用css設定字體

怎麼用css設定字體

藏色散人
藏色散人原創
2021-04-19 09:18:024577瀏覽

用css設定字體的方法:先將樣式全部建置到一個CSS文件中,並透過呼叫CSS檔案來載入樣式;然後在HTML頭部呼叫CSS檔案樣式;最後透過font-family等屬性設定好字體樣式即可。

怎麼用css設定字體

本文操作環境:Windows7系統、Dell G3電腦、HTML5&&CSS3版。

我們選擇將我們的樣式全部建到一個CSS文件中,透過呼叫CSS檔案來載入樣式。

怎麼用css設定字體

在頭部呼叫CSS檔案樣式。

怎麼用css設定字體

對於CSS,我們最常用的是透過class或是標籤名稱來控制樣式。

怎麼用css設定字體

我們控製字體樣式使用的font

怎麼用css設定字體

#例如我們要設定字體的大小,那麼我們可以使用font -size,來進行設定。 【推薦學習:css影片教學

怎麼用css設定字體

如果我們需要設定字體樣式,那麼我們可以使用font-family

怎麼用css設定字體

如果我們需要為字體加粗,那麼我們可以使用font-weight。

怎麼用css設定字體

在設定字體過程中,除了font常用外,其次比較常用的就是text了,我們可以利用text,設定字體的一些其他樣式,例如text-align可以設定文字的對其方式。

怎麼用css設定字體

而text-decoration可以清理或設定不同樣式的底線。我這裡利用text-decoration:none去掉了下劃線。

怎麼用css設定字體

如果您定義的容器比文字的寬度小,那麼您可以設定overflow:hidden,當溢出後,便會自動隱藏其溢出的內容。

怎麼用css設定字體

font-style可以設定字體的樣式

怎麼用css設定字體

以上是怎麼用css設定字體的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn