Fonts

Overview

The theme uses two Google fonts. Poppins is used for the body text and Inter Tight is used for headings. To change the theme fonts, go to the styles.scss file to find the Google fonts listed on line 1. As well, edit the $font-family-base and $headings-font-family variables respectively to determine the body and heading text.

                            
// Google Fonts
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;1,400&family=Inter+Tight:wght@900&display=swap');

$font-family-base: 'Poppins', sans-serif;
$headings-font-family: 'Inter Tight', sans-serif !default;

                        
Heading Examples

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Paragraph Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia officia quos delectus rerum consequuntur architecto soluta tempore non, repellendus ad. Earum, labore sequi!