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

0 vote199 views1 answer
Css hover change more than one element
CSS
1 vote219 views1 answer
How to write remark in css
CSS
0 vote224 views3 answers
Bulma lowercase
CSS
7 votes203 views6 answers
Animation css
CSS
0 vote195 views2 answers
Nth-child(2n+1)
CSS
0 vote189 views1 answer
How to use class form scss reactjs
CSS
0 vote226 views1 answer
Rotate keyframe animation
CSS
0 vote215 views1 answer
All heading tags selector scss
CSS
17 votes213 views1 answer
Css align items vertical center
CSS
12 votes302 views5 answers
How to update the object value of any array key based on value
CSS