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

92 votes277 views5 answers
Bootstrap primary color code
CSS Bootstrap
20 votes108 views5 answers
Css coor background
CSS
20 votes117 views5 answers
Background color transparent opacity css
CSS
0 vote123 views1 answer
Center div with variable height
CSS
0 vote117 views1 answer
Css not hover div right hide
CSS
0 vote124 views1 answer
Button highlight none css
CSS
0 vote121 views1 answer
@font-face multiple font weights
CSS
1 vote192 views1 answer
Css rules only for mozilla
CSS
3 votes76 views1 answer
Terraform rds module
CSS
0 vote126 views1 answer
Carbon today date with 12 00 am
CSS