Kadwa 中的右箭头（Google 字体）太宽

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 &rarr;

Kadwa 中的右箭头（Google 字体）太宽

Right Arrow in Kadwa (Google Font) is too wide

css

webfonts

typography

google-fonts