在服务器上的浏览器中以css html设置font-family

Question

我做了一个简单的项目 在其中，我为所有

tags

、

body

和

*

添加了字体 但在

local

一切都是正确的并且运行良好 即使我将

font-family

添加为

important

，但是当项目转到

server

时，字体未应用

@font-face {
    font-family: iransans;
    src: url('./webFonts/fonts/woff2/IRANSansWeb.woff2') format('woff2');
    src: url('./webFonts/fonts/ttf/IRANSansWeb.ttf') format('ttf');
    src: url('./webFonts/fonts/eot/IRANSansWeb.eot') format('eot');
}

*,
body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: iransans;
}

p,
h1,
h2,
h3,
h4,
h5,
b,
small,
b,
span {
    font-family: iransans !important;
}

Note

：当我检查服务器时，我可以看到我应用的字体 样式部分，但没有应用任何内容，所以这不像我 已经给了字体。也就是说，我现在放的这些代码都在 服务器，但没有效果

确认地址正确性的照片

Answer 1

请确保字体文件的路径相对于您定义 @font-face 的 CSS 文件是正确的。相对路径在本地开发环境和服务器环境之间的行为可能有所不同。仔细检查 CSS 文件的路径是否正确。

另外我想说的是检查字体文件在服务器上是否设置了正确的权限，以便网络服务器可以访问它们。如果权限设置不正确，文件可能无法提供给客户端。查看服务器是否配置为提供具有正确 MIME 类型的字体文件。有时，需要显式配置服务器以使用适当的 MIME 类型来提供某些文件类型，例如 .woff2、.ttf 或 .eot 文件。

另外，尝试使用不同的字体，看看问题是否确实出在您这边。