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