小編給大家分享一下css如何調整字體,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css調整字體的方法:1、使用font-family屬性規定元素的字體系列;2、使用font-weight屬性設置文本的粗細;3、使用color屬性調整文本的顏色。
在css中,可以使用font-family更改字體樣式,使用font-weight屬性更改字體粗細,使用color屬性更改字體顏色;還可以通過設置文字所在元素的css樣式來更改元素內字體。
下面就來介紹一下更改字體的幾種屬性:
1、font-family屬性
font-family 規定元素的字體系列。
font-family 可以把多個字體名稱作為一個“回退”系統來保存。如果瀏覽器不支持第一個字體,則會嘗試下一個。也就是說,font-family 屬性的值是用于某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。
有兩種類型的字體系列名稱:
指定的系列名稱:具體字體的名稱,比如:"times"、"courier"、"arial"。
通常字體系列名稱:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
2、font-weight 屬性
font-weight 屬性設置文本的粗細。
說明
該屬性用于設置顯示元素的文本中所用的字體加粗。數字值 400 相當于 關鍵字 normal,700 等價于 bold。每個數字值對應的字體加粗必須至少與下一個最小數字一樣細,而且至少與下一個最大數字一樣粗。
3、color屬性
Color屬性指定文本的顏色。
注:請使用合理的背景顏色和文本顏色搭配,這樣可以提高文本的可讀性。
css更改字體的方法示例:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>DIV+CSS怎么樣改字體樣式</title> <style> .one{ font-family:"微軟雅黑"; //把 font-family: "設置字體名稱" 里的字體名稱改成你需要 font-size:12px; //字體大小 color:red; //字體顏色 font-weight:normal; //加粗 normal默認值 bold粗體 數值100-900 } </style> </head> <body> <div class="one">DIV+CSS怎么樣改字體樣式</div> </body> </html>
以上是“css如何調整字體”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。