还是报错Unable to retrieve font: @font-face { font-family: "SourceHanSansCN-Regular" src: url("./SourceHanSansCN-Regular.otf") font-style: normal font-weight: normal }

如果你按照上面的方式修改了代码，但仍然无法获取字体，那么可能是因为字体文件本身存在问题。你可以尝试使用其他字体文件来测试，看看是否仍然会出现这个错误。如果其他字体文件可以正常显示，那么说明你原来使用的字体文件可能存在问题，你需要重新下载或使用其他字体文件。

如果其他字体文件也无法正常显示，那么可能是因为浏览器无法正确加载字体文件。你可以尝试使用以下方法来解决问题：

1. 检查字体文件的格式。不同的字体文件有不同的格式，例如 TrueType、OpenType、WOFF 等。你需要确保字体文件的格式是浏览器支持的。

2. 检查字体文件的编码。有些字体文件可能是以 UTF-8 或其他编码格式编码的，而浏览器可能无法正确解析这些编码。你可以尝试将字体文件转换为浏览器支持的编码格式，如 ISO-8859-1。

3. 检查字体文件的权限。有些字体文件可能具有只读权限或其他限制，导致浏览器无法加载。你可以尝试修改字体文件的权限，使其可读可写。

希望以上方法能解决你的问题，如果仍然无法解决，请提供更多的错误信息和代码片段，以便更好地排查问题。

相关问题

Unable to retrieve font: @font-face { font-family: "SourceHanSansCN-Regular" src: url("/SourceHanSansCN-Regular.otf") format("opentype") font-style: normal font-weight: normal }报错

你这段代码中缺少了分号和大括号，应该改为如下代码：

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("/SourceHanSansCN-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
}

请注意，在使用 `@font-face` 规则时，需要指定字体的格式、字体的粗细和样式等信息，这些信息可以帮助浏览器更好地加载和识别字体。同时，你需要确保字体文件的路径是正确的，否则会出现无法获取字体的错误。

报错Unable to retrieve font:

如果你遇到了 `Unable to retrieve font` 错误，可能是因为字体文件的路径不正确或者字体文件本身存在问题。这种错误通常会在使用自定义字体时出现。

首先，你需要确保字体文件的路径是正确的。你可以使用绝对路径或相对路径来引用字体文件。如果你使用的是相对路径，那么你需要确保 HTML 文件和字体文件在同一个目录或者字体文件在 HTML 文件的子目录中。

如果路径没问题，那么你可以尝试使用其他字体文件，看看是否仍然会出现这个错误。如果其他字体文件可以正常显示，那么说明你原来使用的字体文件可能存在问题，你需要重新下载或使用其他字体文件。

最后，你也可以尝试使用 `@font-face` 规则来定义字体，而不是直接引用字体文件。这种方式可以让浏览器更好地识别字体，从而避免出现字体加载问题。以下是一个示例：

@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('SourceHanSansCN-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'SourceHanSansCN-Regular', sans-serif;
}

在上面的示例中，我们使用了 `@font-face` 规则来定义了一个名为 `SourceHanSansCN-Regular` 的字体，然后在 `body` 样式中引用了该字体。注意，我们指定了字体的格式、粗细和样式等信息，这些信息可以帮助浏览器更好地加载和识别字体。