stormcloud266 / web-dev-playground

2 stars 4 forks source link

Use Fira Mono as header font #1

Closed stormcloud266 closed 2 years ago

stormcloud266 commented 2 years ago

Steps to complete

  1. Download Fira Mono 700 weight
  2. Add a 'fonts' folder inside the assets folder
  3. Move the Fira Mono woff and woff2 files into the fonts folder
  4. Import the fonts using @font-face at the top of the style.css file. Example:
    @font-face {
    font-family: FontName;
    src: url('path/filename.woff2') format('woff2'), 
    url('path/filename.woff') format('woff');
    }
  5. Add Fira Mono to the beginning of the headers font-family property. Example:
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: 'Fira Mono', 'Courier New', Courier, monospace;
    }
mayuri-dhote commented 2 years ago

@stormcloud266 the last part do we have to add this in style.css? i am almost done with everything except the last part Add Fira Mono to the beginning of the headers font-family property.

mayuri-dhote commented 2 years ago

@stormcloud266 please review