自定义字体不导入

Question

字体CSS导入似乎都没有用... 我以为也许是因为我没有使用XAMPP，但这似乎并不重要……我不明白。

<style>
@font-face{
    font-family: "ogrejuice";
    src: url('ogrejuice.ttf'),
    url('ogrejuice.eot'); /* IE */
}
</style>

尝试2

<style>
@font-face{
    <!-- font-family: "ogrejuice"; -->
    src: url('ogrejuice.woff2'),
    src: local('ogrejuice.woff2'), 
    <!-- url('ogrejuice.eot'); /* IE */ -->
}
</style>

尝试3

<style>
@font-face{
    <!-- font-family: "ogrejuice"; -->
    src: url('ogrejuice.woff2'),
    src: local('ogrejuice.woff2'), 
    <!-- url('ogrejuice.eot'); /* IE */ -->
}
@font-face {
  font-family: "ogrejuice";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../ogrejuice.eot");
  src: url("../ogrejuice.eot?#iefix") format("ie9-skip-eot"),
  url("../ogrejuice.woff2") format("woff2"),
  url("..ogrejuice.woff") format("woff");
}
</style>

尝试4

<style>
@font-face {
  font-family: myFirstFont;
  src: url(ogrejuice.woff);
}
</style>

Answer 1

好吧，所以。第一次使用自定义字体用户...当您设置字体时。这并不意味着您的页面会使用它...考虑上述

<style>
@font-face {
  font-family: myFirstFont;
  src: url(aesymatt.ttf);
}
body{
    font-family: myFirstFont;
}
</style>

代码对我来说很好。不知何故，设置字体脸实际上没有做任何事情，除了使字体可用吗？绝对不会想到这一点。除了特定的情况之外，我通常不会在项目的CSS中使用 @符号，因此直到现在我还没有对其进行任何关注。