为什么 google 字体以两种不同的方式显示

why is google font showing up 2 different ways

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

例如注意字母 'L' - 并与下面的示例进行比较:

该示例在字母 L 上显示了一个圆角,而上面的字符显示了更多 angular L。我个人想要更圆的外观,但是当我导入字体时:

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

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

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

好的..我刚刚弄明白了 - 看起来圆形字母是小写字母,而更多 angular 字母是大写字母。再次查看示例字符,看起来有 2 行,1 行大写,1 行小写

字体 本身 使用 angular L 表示大写字母 L,使用更圆润的 L 表示小写字母 l

如果您真的想在大写单词中四舍五入 Ls,只需将目标 L 替换为小写 L。