Answers for "css font from file"

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

font face

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

import font in css

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

import font css from url

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