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

22 votes272 views5 answers
Center grid
CSS
0 vote257 views2 answers
Background image syntax in css if it is in folder
CSS
50 votes250 views4 answers
Css background image fit
CSS
3 votes253 views2 answers
How to align elements horizontally in css
CSS
1 vote244 views1 answer
Bolock rotating the screen on your website with css
CSS
-1 vote253 views1 answer
Select box arrow hide css in ie
CSS
2 votes236 views2 answers
How to serve css in golang
CSS
0 vote250 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote221 views1 answer
Css code for increasing size
CSS
13 votes251 views1 answer
Baclgroud image css
CSS