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

41 votes283 views6 answers
Media query for mobile min and max width
CSS
0 vote301 views1 answer
Estilos de button css
CSS
0 vote298 views1 answer
Activate_bin_path
CSS
0 vote292 views1 answer
Code css for mozila
CSS
7 votes289 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote302 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS
9 votes301 views4 answers
How to stop form from submitting on enter
CSS
1 vote307 views1 answer
Reset all input styles with 1 property css
CSS
19 votes293 views3 answers
Bootstrap media queries
CSS Bootstrap
15 votes303 views6 answers
Hr css
CSS