scss Bulletproof @ font-face语法

Posted 2021-05-18

@font-face {
  font-family: 'MyFontFamily';
  src: url('myfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('myfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('myfont.otf')  format('opentype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'MyFontFamily';
  src: url('myfont.woff2') format('woff2'),
       url('myfont.woff') format('woff');
  font-display: swap;
}