Question

我目前在 style.css 文件中使用此代码：

line_profiler

在

中工作正常

铬
Firefox

但它在

中无效

Internet Explorer

我尝试使用以下行在oet open embedded类型中添加字体：line src：url（＆＃39; fonts / frutiger.oet＆＃39;）;我的代码，但它不想在chrome中工作。

我不知道如何正确设置要在所有浏览器中显示的字体而不会出现任何问题。请告诉我，我的网站网址是www.virmodrosti.com

Answer 1

较新的bulletprof字体语法为：

@font-face {
    font-family: 'my-font'; 
    font-display: swap; 
    src: url('/fonts/my-font.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/my-font.woff') format('woff'); /* Pretty Modern Browsers */
}

较早的防弹字体语法为：

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

如何修复css字体样式以在所有浏览器中正确显示？

1 个答案: