如何使用CSS使字体加粗?

的CSS CSS

前端Jim

2020-03-24

我是HTML和CSS的新手,我只是想知道如何使用CSS使字体加粗。

我有一个纯HTML页面,可导入CSS文件,并且可以更改CSS中的字体。但是我不知道如何使字体加粗,有人可以帮我吗?

第3585篇《如何使用CSS使字体加粗?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

7个回答
小小 2020.03.24

您可以使用几种方法。首先是使用强标签

Here is an <strong>example of that tag</strong>.

另一种方法是使用font-weight属性。您可以实现内联,也可以通过类或ID来实现。假设您正在使用课程。

.className {
  font-weight: bold;
}

Alternatively, you can also use a hard value for font-weight and most fonts support a value between 300 and 700, incremented by 100. For example, the following would be bold:

.className {
  font-weight: 700;
}
西里神奇 2020.03.24

你会用font-weight: bold

您要使整个文档加粗吗?还是只是一部分?

番长樱梅 2020.03.24

font-weight:粗体;

蛋蛋猿 2020.03.24
Selector name{
font-weight:bold;
}

假设您要为p元素加粗

p{
font-weight:bold;
}

您可以使用其他替代值代替粗体

p{
 font-weight:bolder;
 font-weight:600;
}
猴子 2020.03.24

使用CSS font-weight属性

飞云LEY 2020.03.24

您可以使用html中strong元素,这在语义上非常有用(也适合屏幕阅读器等),该元素通常呈现为粗体文本:

See here, some <strong>emphasized text</strong>.

或者你可以使用font-weightCSS属性样式的任何元素的文本为粗体:

span { font-weight: bold; }
<p>This is a paragraph of <span>bold text</span>.</p>

路易梅 2020.03.24

您可以使用CSS声明font-weight: bold;

我建议您阅读http://htmldog.com/guides/cssbeginner/上的CSS入门指南

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android