Answers for "import font otf css"

css import font ttf

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes  */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8  */
         url('webfont.woff2') format('woff2'), Super Modern Browsers
         url('webfont.woff') format('woff'), /* Pretty Modern Browsers  */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS  */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS  */
  }

@font-face {
    font-family: 'MyWebFont';
    src: url('myfont.woff2') format('woff2'),
         url('myfont.woff') format('woff'),
         url('myfont.ttf') format('truetype');
  }  

  body {
    font-family: 'MyWebFont', Fallback, sans-serif;
  }

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

import font in css

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