使用 CSS 应用 VCR OSD MONO

Question

我正在尝试制作一个网站，我想应用 VCR OSD MONO 字体。这是我尝试过的：

h1 {
  background-image: url("rainbow.png");
  font:VCR;
}
@font-face {
        font-family: VCR;
        src: url(VCR OSD MONO.ttf);
}

有人知道如何将 VCR OSD MONO.ttf 应用到我的网站吗？
而且它不在代码中，因为由于某种原因堆栈说我的代码格式错误？

Answer 1

请勿在文件名中使用空格！但不用担心，我刚开始时也犯过这个错误。命名文件时首选破折号或下划线。

但是如果你真的想使用空格（顺便说一句，这是一个非常糟糕的做法），请了解我们所说的空格实际上是由计算机编写的，例如“％20”或“+”，但它正在显示给你一个像这样的空白“”。

所以像这样重命名你的文件 VCR-OSD-MONO.ttf 并且不要忘记重写你的 CSS 代码。

祝你好运！

还有一件事：网络浏览器更喜欢使用 .woff 或 .woff2 文件作为外部字体。

编辑：是的，堆栈溢出是正确的！