Kadwa的右箭头(Google字体)太宽了

时间:2018-01-03 16:02:04

标签: css webfonts typography google-fonts

在InDesign中,我使用Google Font 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

我不懂,我做错了。 如果有人有解决方案,那就太好了。

1 个答案:

答案 0 :(得分:1)

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

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

我还将箭头字符转换为HTML实体(https://drive.google.com/file/d/1JovTMGBJKbqzRPBzXy3cIQ-hbz76n0ab/view?usp=sharing )。

→
@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";
}