CSS字體樣式加粗可以通過font-weight
屬性實現。這個屬性接受數值,可以是數字、關鍵字或百分比。
p { font-weight: bold; /*關鍵字*/ font-weight: 700; /* 數值 */ font-weight: 150%; /* 百分比 */ }
其中,bold
關鍵字為加粗字體,normal
為正常字體。數值范圍從100到900,步長為100。100到400之間為正常字體,而500到900之間為加粗字體。通常使用700號字體,不太常用的900號字體非常粗。
百分比是相對于父元素的字體重量而言的。
另外,font-weight
不僅能應用于單個字體,也能通過@font-face
規則應用于自定義字體,如:
@font-face { font-family: 'custom-font'; src: local('Custom Font'), url('custom-font.ttf') format('truetype'); font-weight: bold; } p { font-family: 'custom-font'; /* 加載自定義字體 */ font-weight: bold; /* 加粗字體 */ }
這里通過custom-font.ttf
文件實現自定義加粗字體,然后在p
中應用。
上一篇ajax定時刷新獲取數據
下一篇css字體怎么向上移動