Html CSS本地字体未显示

我已经到了那种地步，我再也不知道我应该把什么编码错了。出于测试目的，我想为我的网站使用本地字体。但我并没有让它在所有设备上都显示出来。这是我的密码：

HTML:

它可以在我的台式电脑上运行，但不能在任何其他电脑上运行。。。 谢谢你的帮助

仍然无法使用此选项：

@font-face {
        font-family: 'Circular Std Book', Helvetica, Arial, " sans-serif"!important;
    src: url('../font/CircularStd-Book.eot');
    src: url('../font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../font/CircularStd-Book.woff') format('woff'),
         url('../font/CircularStd-Book.ttf') format('truetype'),
         url('../font/CircularStd-Book.svg#CircularStd-Book') format('svg');    
}

body {
    overflow-x:hidden;
    font-family: 'Circular Std Book', Arial, sans-serif;
    }

---

您的示例似乎缺少

@font-face

请参见此处的示例：

---

同样如上所述，检查路径是否正确。路径是相对于CSS文件本身的。

在字体系列中使用！重要标记导致了此错误。我已经删除了回退，下面是最终的工作代码：

@font-face {
        font-family: 'CircularStdBook';
    src: url('CircularStd-Book.eot');
    src: url('../font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../font/CircularStd-Book.woff') format('woff'),
         url('../font/CircularStd-Book.ttf') format('truetype'),
         url('../font/CircularStd-Book.svg#CircularStd-Book') format('svg');    
}

body{
    overflow-x:hidden;
    font-family: 'CircularStdBook', Arial, sans-serif;
    }

---

谢谢您的帮助。

字体是否与style.css存储在同一目录中？否，字体在/font文件夹中，样式在/css/style.css文件夹中。您的工作桌面上是否安装了该字体？这也许可以解释为什么它可以在本地工作，但不能在其他地方工作，也意味着CSS或字体仍然存在问题。没错，我已经在本地安装了它。但是你的代码有什么问题？我觉得一切都很好…啊，我错过了@font-face。我不知道它是相对于CSS的，但它是有意义的。谢谢你。无论如何，它仍然没有显示…你也不需要引用

无衬线

@Julian你看到控制台中有404吗？没有404s@AndFisher

@font-face {
        font-family: 'Circular Std Book', Helvetica, Arial, " sans-serif"!important;
    src: url('../font/CircularStd-Book.eot');
    src: url('../font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../font/CircularStd-Book.woff') format('woff'),
         url('../font/CircularStd-Book.ttf') format('truetype'),
         url('../font/CircularStd-Book.svg#CircularStd-Book') format('svg');    
}

body {
    overflow-x:hidden;
    font-family: 'Circular Std Book', Arial, sans-serif;
    }

@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 */
}

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

@font-face {
        font-family: 'CircularStdBook';
    src: url('CircularStd-Book.eot');
    src: url('../font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../font/CircularStd-Book.woff') format('woff'),
         url('../font/CircularStd-Book.ttf') format('truetype'),
         url('../font/CircularStd-Book.svg#CircularStd-Book') format('svg');    
}

body{
    overflow-x:hidden;
    font-family: 'CircularStdBook', Arial, sans-serif;
    }