Use woff2 font in css

Css font face

@font-face {
  // Defining what the font will be called
  font-family: thisSpecialFont;
  // Linking to the font file
  src: url(linkToFontFile.woff);
}
body {
  font-family: thisSpecialFont;
}

If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.

/** Use intstead */
@font-face {
  font-family: 'MyFont';
  src: local('MyFont'), url(fonts/MyFont.woff) format('woff');
}

Use woff2 font in css

@font-face {
  font-family: 'MyWebFont';
  src:  url('myfont.woff2') format('woff2'),
        url('myfont.woff') format('woff');
}

Import font woff css

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

-1

Source: css-tricks.com

Similar codes

1 vote213 views3 answers
Change scrollbar color
CSS
0 vote190 views1 answer
Morphism box shadow
CSS
2 votes185 views1 answer
How to make animation stay on 100%
CSS
2 votes196 views2 answers
Test shadow css
CSS
0 vote206 views1 answer
How to code color css property
CSS
1 vote221 views2 answers
Place items
CSS
0 vote200 views1 answer
Table essentaial styles css
CSS
72 votes206 views6 answers
How to change font size in css
CSS
12 votes220 views2 answers
How to center element in bulma
CSS Bulma
13 votes228 views2 answers
Bootstrap Aligning images
CSS Bootstrap