How to bold fonts with CSS

Today I will introduce to you how to use CSS to bold the font. When we publish an article, the size and font of the title and text must be different, so we will explain in detail how to use CSS to bold the article. Font, how to control the font thickness of articles.

CSS bolding here refers to controlling the bolding of object through DIV CSS.

Using CSSAttributesWords

font-weight

Object value: from 100 to 900, the most commonly used font-weight The value is bold

font-weight parameter:

normal: normal font. Equivalent to number 400. Declaring this value will cancel any previous setting

bold : Bold. Equivalent to number 700. Also equivalent to the role of b object

bolder: IE5+ Extra bold

lighter: IE5+ Thin

number: IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

For detailed basic bolding knowledge, please go to the font-weight manual in the CSS manual.

Html regular bold tags

In the past, HTML tags that directly bolded objects were as follows:

a4b561c25d9afb9ac8dc4d70affff4190d36329ec37a2cc24d42c7229b69747a or 8e99a69fbe029cd4e2b854e244eab1432c56e50b17e5e355312705a6be86163fBoth have the same effect.

Bold example, the code is as follows:

 <strong>我被加粗</strong><br />

<b>我也被加粗了</b><br/>
我未被加粗

CSS bold basic technique example

CSS code:

 .yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}

Div html code:

 <span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗

Here, CSS is used to control bold text to bold objects. Therefore, you can generally use this method to bold text objects and titles.

I have told you how to use CSS to control font thickness. Have you learned it?

Related reading

How to modify the font color in html

How to solve the problem of blurry fonts, pictures and graphics drawn on html5 canvas

Font application in web design

The above is the detailed content of How to bold fonts with CSS. For more information, please follow other related articles on the PHP Chinese website!