用roboto替换Lato字体

Question

在我的Web应用程序中，我使用的是google字体‘Lato’。现在的要求是，我的web应用程序应该使用'Roboto‘字体。

我用Roboto替换了Lato字体，但这反映了整个Web应用程序在间距方面的重大变化。我在哪里做错了？

我不能分享整个页面截图。

原创与Lato

​

使用Roboto干扰

​

Answer 1

每个字体系列都有自己的字母间距和行高。现在你需要重新设置你的字母间距和行高！

Answer 2

当然是在指定元素的大小方面。如果你需要将网站翻译成其他语言，你也会遇到同样的问题。如果你更改了一些文本，你也会遇到同样的问题。诸若此类。

依赖于文本的所有内容都不应该有明确的大小(至少宽度)。因此，当您更改te文本或字体时，元素只是放大或缩小，在大多数情况下没有负面影响。

唯一的例外是在一个原始数据中放置一些元素集，或者限制它们的最大宽度。如果出现更多的文本或新的字体更宽，这些问题可能会导致问题。无论如何，如果整个站点都包含这样的元素，那就不好了。而Roboto并不比Lato宽，所以这不是你的情况。

Answer 3

可以浏览你的网页吗？

还可以使用css属性"letter- spacing“更改字母之间的间距

​

h1 {
  letter-spacing: 2px;
}
h2 {
  letter-spacing: 5px;
}

<h1>SAMPLE</h1>
<h2>SAMPLE</h2>

​