Import font css from url

How to link fonts css

@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}

div {
  font-family: myFirstFont;
}
/*Name the font-family and link the font file in the @font-face rule*/

Import font css

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

Source: developer.mozilla.org

Import font in css

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

Source: stackoverflow.com

Import font css from url

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/*Use that for importing font via link*/

Source: stackoverflow.com

Similar codes

4 votes306 views1 answer
Add shadows on an image css
CSS
5 votes316 views2 answers
How to make a diamond with border radius
CSS
32 votes331 views5 answers
Css text align right
CSS
-1 vote326 views1 answer
Add shadow to background image css
CSS
1 vote300 views1 answer
Html dim entire screen
CSS
17 votes308 views1 answer
Calc sass variables
CSS
0 vote319 views1 answer
Multer buffer undefined
CSS
1 vote327 views1 answer
Html minimum width
CSS
7 votes316 views3 answers
Sans serif font family css
CSS
1 vote342 views1 answer
There's a gap between my td
CSS