Setting Bold and Italic

Before we look at how to include external fonts, let’s discuss font weight and font style. These are used to determine if a font is bold and/or italic.


I am "normal" text, made without any CSS properties.

I am "bold" text, made with the font-weight property.

I am "italic" text, made with the font-style property.

IMPORTANT: Please note that I explicitly stated these appearances are a result of CSS properties, not HTML tags.

#line-one {
  /* No rules. */
#line-two {
  font-weight: bold;
#line-three {
  font-style: italic;

Using these rules in your CSS can eliminate the need for tags in your HTML, saving time and effort.