css - webkit2png 无法在某些设备上呈现正确的字体

Question

我有一个带有 css 的网页

font: normal normal 700 normal 14px / 24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

这在我的桌面 PC 的 Chrome 和 Firefox 以及 webkit2png 中呈现了 Segoe UI Bold 字体。然而，在树莓派上，命令 webkit2png temp.html -o out.png -x 700 1000 导致字体以与没有任何 css 的情况相同的方式显示。

如何让 webkit2png 使用我告诉它使用的字体？

Answer 1

我不知道为什么，但事实证明用

替换该 CSS 行

font-family: "Segoe UI", Arial;
font-style: normal;
font-variant: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;

让它发挥作用。我相信这些代码片段应该是等效的(除了我在这里只列出两种字体的事实)