alexdaniels.me/assets/styles/scss/shared/_fonts.scss

//headings
@font-face {
    font-family: RobotoSlab-Regular;
    src: url('/fonts/RobotoSlab-Regular.ttf') format('opentype');
}

@font-face {
    font-family: RobotoSlab-Medium;
    src: url('/fonts/RobotoSlab-Regular.ttf') format('opentype');
}

@font-face {
    font-family: RobotoSlab-Bold;
    src: url('/fonts/RobotoSlab-Bold.ttf') format('opentype');
}

@font-face {
    font-family: RobotoSlab-Black;
    src: url('/fonts/RobotoSlab-Black.ttf') format('opentype');
}

@font-face {
    font-family: AtomicAge-Regular;
    src: url('/fonts/AtomicAge-Regular.ttf') format('opentype');
}

//non-headings 
@font-face {
    font-family: Montserrat-Regular;
    src: url('/fonts/Montserrat-Regular.ttf') format('opentype');
}

@font-face {
    font-family: Montserrat-Light;
    src: url('/fonts/Montserrat-Light.ttf') format('opentype');
}

@font-face {
    font-family: Montserrat-Italic;
    src: url('/fonts/Montserrat-Italic.ttf') format('opentype');
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('/fonts/Montserrat-Bold.ttf') format('opentype');
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url('/fonts/Montserrat-SemiBold.ttf') format('opentype');
}

@font-face {
    font-family: Orbitron-Regular;
    src: url('/fonts/Orbitron-Regular.ttf') format('opentype');
}

@font-face {
    font-family: Amarante;
    src: url('/fonts/Amarante-Regular.ttf') format('opentype');
}

h1, h2, h3, h4, h5, h6 {
    font-family: Amarante;
    letter-spacing: 2px;
}

h1 {

    font-size: 2rem;

    @media screen and (min-width: 600px) {
        font-size: 3rem;
    }
}

h2 {
    font-size: 1.75rem;
    
    @media screen and (min-width: 600px) {
        font-size: 2.5rem;
    }
}

h3 {
    font-size: 1.5rem;
    
    @media screen and (min-width: 600px) {
        font-size: 2rem;
    }
}

h4 {
    font-size: 1.25rem;

    @media screen and (min-width: 600px) {
        font-size: 1.5rem;
    }
}

h5 {
    font-size: 1rem;
    
    @media screen and (min-width: 600px) {
        font-size: 1.25rem;
    }
}

h6 {
    font-size: 1rem;

    @media screen and (min-width: 600px) {
        font-size: 1em;
    }
}

p, a, li, span {
    font-family: RobotoSlab-Regular;
    letter-spacing: 1px;
}

strong {
    font-family: Montserrat-Bold;
}

em {
    font-family: Montserrat-Italic;
}

u {
    font-family: Montserrat-SemiBold;
}

cite, q, small {
    font-family: Orbitron-Regular;
}

s {
    font-family: Montserrat-SemiBold;
}