报错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` 样式中引用了该字体。注意，我们指定了字体的格式、粗细和样式等信息，这些信息可以帮助浏览器更好地加载和识别字体。