Import 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;
}

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*/

How to import fonts css

@font-face {
  font-family: "minecraft";
  src: url("fonts/minecraft.ttf")
}
/*Have a Nice Day!!! :)*/

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

Otf css3 font-face

@font-face {
    font-family: GraublauWeb;
    src: url("path/GraublauWeb.otf") format("opentype");
}

Source: stackoverflow.com

Similar codes

0 vote259 views1 answer
How to some of the list and show some in css
CSS
0 vote241 views1 answer
Line in css div
CSS
19 votes252 views6 answers
Map method
CSS
14 votes245 views2 answers
.col-12 bootstrap
CSS
3 votes269 views1 answer
Top left right bottom css shorthand
CSS
1 vote236 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS
-1 vote235 views2 answers
Cliping setting
CSS
0 vote239 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
50 votes239 views6 answers
Css align center
CSS
0 vote273 views1 answer
Bootstrap modal overflow
CSS