Applying a single font to an entire website with CSS

css, font-face, fonts, html

Solution

Put the `font-family` declaration into a `body` selector:

body {
  font-family: Algerian;
}

All the elements on your page will inherit this font-family then (unless, of course you override it later).

Problem

I want to use a single font named "Algerian" across my whole website. So, I need to change all HTML tags and I don't want to write different code for different tags like: ``` button{font-family:Algerian;} div{font-family:Algerian;} ``` The method written below is also highly discouraged: ``` div,button,span,strong{font-family:Algerian;} ```

Original source

Related problems