Skip to content

Using custom fonts #315

@arnonzooz

Description

@arnonzooz

Hi,

I'm trying to use a custom font (AmpleSoft, with a .woff extension) but I cannot get it to work. Wondering if there's anything I need to change in the theme aside from disabling Google fonts?

In the theme I disabled Google fonts:

$td-enable-google-fonts: false !default;

Then I downloaded and added to fonts the static folder. I'm using @font-face in my own css to load the font in:

@font-face {
    font-family: AmpleSoft;
    src: url('fonts/AmpleSoftPro-Medium.woff'), url('fonts/AmpleSoftPro-Medium.woff') format('woff');
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
}

After which I specify it my css like so:

* {
    font-family: "AmpleSoft" !important;
}

What am I missing?

Help would be very much appreciated.

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions