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

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

@font-face {
    font-family: Frutiger; 
    src: url('fonts/frutiger.ttf');
}

它在室内很好用

• 铬
• 火狐

但它不适用于任何情况

• Internet Explorer

我试图在oet OpenEmbedded类型中添加字体，行src:url（'font/frutiger.oet'）；但它也不想在chrome中工作

---

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

较新的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 */
}

---

您正在尝试使用哪个版本的Internet Explorer？Internet Explorer11@techuser有很多在线的字体创建css文件试试这个，AFAIK IE11使用ttf比使用eot字体更舒服。无论如何，在样式表中有

src:url（'font/frutiger.ttf'）、url（'font/frutiger.eot'）

，这不是调用eot文件的方式。使用其中一个在线服务来创建css。