Local Connection Of Fonts
Dmitry Goncharov
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; }
2 Answers
Order by
Oldest
Pavel
Accepted AnswerHi.
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;
}