css - 为什么谷歌字体以两种不同的方式显示

Question

我一直在尝试让这个 Syncopate google 字体在网站上正确呈现，但它一直显示与网站上的示例不同。然后经过一番挖掘，我找到了它的字体页面，有些奇怪。顶部的字符与下面的示例略有不同:

例如注意字母“L”——并与下面的示例进行比较:

该示例在字母 L 上显示了一个圆 Angular ，而上面的字符显示了一个更有棱 Angular 的 L。我个人想要更圆润的外观，但是当我导入字体时:

@import url('https://fonts.googleapis.com/css?family=Maven+Pro|PT+Sans+Narrow|Syncopate:400,700');

然后我在我的元素上使用它font-family: 'Syncopate', sans-serif;

我得到了更有棱 Angular 的外观。我想这是意料之中的，但有没有办法获得圆润的外观，或者这可能只是一个过时的例子？这是谷歌字体的页面:https://fonts.google.com/specimen/Syncopate .我问的是万一我做错了 - 我确实在谷歌线程上看到你可以使用'Syncopate-Regular'来获得正确的外观，但是那没有用 - 是否有其他方法可以使用字体来获得正确的外观？

Answer 1

字体本身对大写字母 L 使用棱 Angular 分明的 L，对小写字母 l 使用更圆润的 L。

如果您真的想在大写单词中四舍五入 Ls，您可以简单地将目标 L 替换为小写 L。