Font family

Requirements

Problems for in-class lab for the “CSS Advanced” course @SoftUni.

Tasks

  • Change the document title to Font Family Variables
  • Create an article with header and section inside
  • Use h1, h2, h3 and h4 tags for headings
  • Use p tags for text
  • Create style.css, variables.css and layout.css files
  • Include only style.css in the html file
  • Import in style.css the others css files
  • Create two font-family variables in variables.css file:
    • for all content use 'PT Sans' font-family
    • for the headings use 'PT Serif' font-family
  • Style the page and type the css in the layout.css file. Use the variables to set the font-family

Screenshot

Solution