The appearance of text can be further controlled on webpages with the font-style and font-weight properties which provide the ability to italicize and bold text.

The use of these definitions is a replacement to the deprecated tag <b> and <i>

font-style

The font-style is used to make text italic, oblique [Whilst this is a different definition, where the text is intended to be a slanted normal font, the result in most browsers is the same as italic.] or normal. Note that not all fonts have an italic version, so results using uncommon fonts may vary.

p {font-style:italic} sample
p {font-style:oblique} sample
p {font-style:normal} sample
p {font-style:inherit} sample

font-weight

In order to specify how bold a font is, the font-weight property can be used. Font weight can be specified in several ways, either by keyword or by numerical value. Available keywords are normal, bold, bolder, and lighter. The numerical values were created to avoid confusion with font names and are values starting at 100 and going to 900 in increments of 100. A value of 400 is the same as normal, and a value of 700 is the same as bold.

p {font-weight:400} sample

strong {font-weight:700} sample