Javascript HTML5画布未检测到已安装字体

我正在使用JavaScript在HTML5画布上编写一些文本。我用两种不同的“Lato”字体来写一些文字。该字体有8种不同的变体，包括浅色、粗体、斜体、粗体斜体、普通等。问题在于，在画布上使用以下字体书写文本：

context.font = 'bold 16px "Lato"';

但是使用

bold

会使画布使用通用字体而不是拉托字体进行书写。删除

bold

部分后，字体将正常工作。是什么导致了这个问题

---

我没有加载字体。它已安装在系统上。我尝试使用其他字体，但它们在使用

bold

关键字时工作正常。

字体已安装在您的系统上，或者您正在将其导入页面？如果是，怎么做？是同一字体的两种变体，还是两种不同的字体，其中一种命名为“…粗体”？其他字体也会出现这种情况吗？您确定在执行绘制文本的代码之前已加载字体吗？@Pekka웃 不，其他字体不会出现这种情况。我没有尝试过所有字体，但我正在使用的其他两种字体没有尝试过。：）这可能是字体向系统暴露自身的方式。根据您的操作系统，您可能可以检查字体，并查看是否有特定的方式写出字体名称@Pekka웃 你是对的。它现在正在工作。我双击字体并复制了出现在新窗口中的名称。：）