Question

在我的Web应用程序中，我使用谷歌字体'Lato'。现在要求我应该使用'Roboto'字体作为我的网络应用程序。

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

我无法分享整页截图。

原创与Lato

与Roboto发生冲突

Answer 1

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

Answer 2

绝对是指定元素的大小。如果您需要将网站翻译成其他语言，则会遇到同样的问题。如果您更改某些文本，则会遇到相同的问题。等等。

依赖于文本的每一个都不应该有明确的大小（至少宽度）。因此，当您更改文本或字体时，元素只会在没有负面影响的情况下放大或缩小。

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

Answer 3

是否可以查看您的网页？

您还可以使用css属性更改字母之间的间距＆＃34;字母间距＆＃34;

＆＃13;

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

＆＃13;

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

＆＃13;