css - Kadwa 中的右箭头(谷歌字体)太宽

Question

在 InDesign 中，我使用 Google 字体 Kadwa 生成右箭头 (→)。

我将字体加载到我的网站，但箭头太宽。

@import url('https://fonts.googleapis.com/css?family=Kadwa');

body {
  font-family: 'Kadwa';
}

You see, the font is applied but the arrow is too wide →

在 Google 字体页面上，箭头呈现正确。 https://fonts.google.com/specimen/Kadwa?selection.family=Kadwa

我不明白，我做错了什么。如果有人对此有解决方案，那就太好了。

Answer 1

由于某种原因，该字符似乎没有与字体一起加载。实际上，您可以通过在请求中包含 text 参数来强制 Google 字体加载特定字符或字符集。 (字符必须是 url encoded 。)

我在下面添加了一个额外的字体请求，用于加载仅包含箭头字符的字体。这补充了已经加载的 Kadwa 字体，一切都正确显示。

我还将箭头字符转换为 HTML 实体 (→)。

@import url('https://fonts.googleapis.com/css?family=Kadwa');
@import url('https://fonts.googleapis.com/css?family=Kadwa&text=%E2%86%92');

body {
  font-family: "Kadwa";
}

This should have the correct arrow →