Local connection of fonts - Forum | JoomShaper
Solved Helix Framework

Local connection of fonts

Asked by Dmitry Goncharov 3 years ago Last activity 3 years ago

Hello. What font extensions do I need to connect to the template?
woff2 ?
woff ?
truetype ?

Or is one enough ttf?

@font-face {
font-family: 'alex_brushregular';
src: url('../fonts/alexbrush-regular-webfont.woff2') format('woff2'),
url('../fonts/alexbrush-regular-webfont.woff') format('woff'),
url('../fonts/alexbrush-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi.

woff2 and woff enough for all modern browsers on any devices.

If you want to support outdated browsers, connect additional fonts.

Here is example of my main set

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url(/templates/shaper_helixultimate/fonts/oswald-v49-latin_cyrillic-700.woff2) format('woff2'),
        url(/templates/shaper_helixultimate/fonts/oswald-v49-latin_cyrillic-700.woff) format('woff');
    font-display: swap;
}

1 more reply

Anne Staff
3 years ago

Hello there,

Thanks for contacting us. Please follow Pavel's instructions . Thanks for sharing the info @Pavel.

-Regards

Log in to reply.