css調整字體的方法:1、使用font-family屬性規定元素的字體系列;2、使用font-weight屬性設定文字的粗細;3、使用color屬性調整文字的顏色。
本文操作環境:windows7系統、HTML5&&CSS3版本、Dell G3電腦。
在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影片教學》
以上是css怎麼調整字體的詳細內容。更多資訊請關注PHP中文網其他相關文章!