Canvas 中的字体名称被错误解析
Font name being misparsed in Canvas
我正在尝试在 HTML Canvas 中使用不幸的名称 "Slabo 27px" 的 Google 字体。我正在创建一个 fabric.js 文本对象并将 fontFamily 值设置为字体名称。无论我如何设置 fontSize，它总是以相同的大小绘制。我猜 fabric.js 正在将名称传递给 canvas 字体 属性，它被定义为等同于 CSS 样式，并且 canvas 正在解析27px 作为文本大小。
我试过将名称放在引号中并省略 27px，但这些都无济于事。是否有任何技巧可以让 canvas 将 "Slabo 27px" 视为字体名称？
Pomax 的评论给了我所需的线索。链接到的 "font" 是 CSS 的一小段，其中包括字体系列声明和字体数据的 URL。我将其下载到本地 CSS 文件，将字体系列更改为 "Slabo," 并链接到本地 CSS 而不是 Google。现在字体可以使用了。
我正在尝试在 HTML Canvas 中使用不幸的名称 "Slabo 27px" 的 Google 字体。我正在创建一个 fabric.js 文本对象并将 fontFamily 值设置为字体名称。无论我如何设置 fontSize，它总是以相同的大小绘制。我猜 fabric.js 正在将名称传递给 canvas 字体 属性，它被定义为等同于 CSS 样式，并且 canvas 正在解析27px 作为文本大小。
我试过将名称放在引号中并省略 27px，但这些都无济于事。是否有任何技巧可以让 canvas 将 "Slabo 27px" 视为字体名称？
Pomax 的评论给了我所需的线索。链接到的 "font" 是 CSS 的一小段，其中包括字体系列声明和字体数据的 URL。我将其下载到本地 CSS 文件，将字体系列更改为 "Slabo," 并链接到本地 CSS 而不是 Google。现在字体可以使用了。