css更改字體的方法是,為字體加上font-family屬性,並且設定所需的字體屬性即可,例如【p.serif{font-family:"Times New Roman",Times,serif; }】。
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
在css中如果要改變元素的字體,其實是非常簡單的,利用font-family屬性就可以實現。
常用屬性值:
family-name和generic-family 某個元素的字體族名稱或/及類別族名稱的一個優先權表。預設值:取決於瀏覽器。
inherit 規定應該從父元素繼承字體系列。
我們來看下面的一段程式碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p.serif{font-family:"Times New Roman",Times,serif;} p.sansserif{font-family:Arial,Helvetica,sans-serif;} </style> </head> <body> <h1>CSS font-family</h1> <p class="serif">这一段的字体是 Times New Roman </p> <p class="sansserif">这一段的字体是 Arial.</p> </body> </html>
運行效果:
以上是css怎麼更改字體的詳細內容。更多資訊請關注PHP中文網其他相關文章!