在CSS中,设置文字粗体通常使用font-weight属性。下面我会详细解释这个属性及其使用方式: 解释CSS中用于设置文字粗体的属性: font-weight属性用于设置文本的粗细。它允许你控制文本显示的粗细程度,从而实现不同的视觉效果。 给出使用该属性设置文字粗体的示例代码: css p.bold-text { font-weight: bold; } span.ex...
font-weight属性执行字体中字形的重量,这取决于黑度等级或笔划粗细。 取值范围:100 至 900,其大致符合下列通用重量名称: 100 - Thin200 - Extra Light (Ultra Light)300 - Light400 - Regular (Normal、Book、Roman)500 - Medium600 - Semi Bold (Demi Bold)700 - Bold800 - Extra Bold (Ultra Bold)900 ...
字体粗细:‘font-weight’属性 名称: font-weight 取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 初始: normal 适用于: 所有元素 继承: 是 百分比: (不适用) 媒介: 视觉 计算值: 详见描述 动画: - ‘font-weight’属性执行字体中字形的重量...
CSS 字体粗细体属性font-weight用来设置文字的粗细程度。可以设置的值可以是数字、关键字、也可以是特定的名称。 数字值 数字值代表文字的粗细程度,按照惯例常用以下5个取值: 100或extra-light表示极细; 200或light表示细; 400或normal表示标准; 700或bold表示粗; ...
font-size: 2em; } .bold { font-weight: bold; } </style> <p>Normal text. <span class="bold">Bold text.</span> Normal again.</p> View Output The CSS font-weight property is used for specifying the weight of the font. You can specify a font as being bold, or another relevant ...
每次看见蓝湖上设计的font-family、font-weight都不是前端需要的描述方式,于是每次都要现查,所以记录在这里 【设计值与font weight对应值】 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Regular (Normal、Book、Roman) 500 - Medium ...
CSS 3 中则为「font-weight」和字体名称中的字重描述符（Light, Normal, Medium, Bold, Black 等）...
font-variant.jpg font-weight:定义元素文本字体的粗细。 取值: normal:正常的字体。相当于数字值400 bold:粗体。相当于数字值700。 bolder:定义比继承值更重的值 lighter:定义比继承值更轻的值 <integer>:用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ...
但对于开发而言,font-family指的应该是这个字体包含的所有,所以字重应该就用font-weight表示,其对应关系大致符合: 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Regular (Normal、Book、Roman) 500 - Medium 600 - Semi Bold (Demi Bold) ...
800sets the text as extra bold 900sets the text as ultra bold initialsets the text to the default value inheritinherits the value from its parent element Example of font-weight HTML CSS @importurl("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap...