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

8 votes125 views3 answers
Padding css 3 values
CSS
1 vote148 views1 answer
Css select with attribute
CSS
7 votes133 views1 answer
Remve arrow from input ype number
CSS
26 votes136 views5 answers
Css multiple classes
CSS
11 votes133 views3 answers
Css ellipsis max width
CSS
13 votes157 views3 answers
Rotate image html
CSS
3 votes139 views1 answer
Display none css inline
CSS
1 vote160 views1 answer
How to make slideshow not go over navigation bar
CSS
7 votes138 views2 answers
Css comic sans
CSS
2 votes128 views1 answer
Three dots in css
CSS