Font error: file not found with font-face

Question

我想在 doxygen 中使用字体 poppins 和 open-sans，我对 CSS 还很陌生。

下面 Open_Sans 的我的字体代码。

    @font-face {
    font-family: 'Open_Sans';
    src: url('fonts\Open_Sans\OpenSans-Regular.ttf') format('truetype');
}

我的 DIR 结构中的字体文件夹与 css 文件位于同一文件夹中。

DIR structure 1

Dir structure 2

我可以点击我的路径并在 VS Code 编辑器中打开文件，但是当我打开网页时，控制台会抛出错误： `净::ERR_FILE_NOT_FOUND'

根据我尝试过的研究：

/fonts/
./fonts/
C:/complete-path/fonts/

没有成功。如果这个问题是多余的，我很抱歉，但我似乎无法在任何地方找到语法错误，我认为它可能与 doxygen 有关。

编辑

所以我尝试使用在线 open sans，这在控制台上没有出现任何错误，但它仍然无法正常工作。您可以验证以查看 link 是否有效。我真的认为这与doxygen有关。

@font-face {
    font-family: 'Open_Sans';
    src: url('https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2') format('woff2');
}

Answer 1

    @font-face {
        font-family: 'Open_Sans';
        src: url('Open_Sans/OpenSans-Regular.ttf') format('truetype');
    }

从路径中删除“字体/”。您的 CSS 文件位于“字体”文件夹中，在您的示例中，路径变为 'fonts/fonts/Open_Sans/OpenSans-Regular.ttf'

Answer 2

好的，所以我找到了修复程序，但忘记更新了。 Doxygen 完成后会将所有文件放入输出目录，并且不会将任何您未指定需要的文件放入其中。

您只需在 doxyfile 的 HTML_EXTRA_FILES 标签下，指定您需要的文件或目录，它就会将副本放入输出目录。

在我的例子中，它看起来像这样：HTML_EXTRA_FILES = fonts\Open_Sans\OpenSans-Regular.ttf 只需添加 fonts\ 也可以。不过，我仍然对为什么在线 url 不起作用感到困惑。

Font error: file not found with font-face

Font error: file not found with font-face

html

css

fonts

doxygen

font-face