单个字体的行间距

Question

我在WordPress中使用自定义字体。我是通过定义字体系列来实现的。如果我的字体与行间距为1，我有问题。如果我在自定义css我主题中使用行高代码，它将应用于所有不需要的字体。我只是想改变有问题字体的行间距。我们可以在定义字体系列时定义字体的行间距吗？

最诚挚的问候， 阿比德

Answer 1

您必须为使用自定义字体的每个元素或类定义行高。

h1,h2,h3,h4,h5,h6,.lead-text,.some-other-class,li {
  font-family: ######;
  line-height: 20px;
}

Answer 2

您可以在一个班级中使用font-family实施line-height。我的意思是这样的：

HTML：

 <div class="lato-font">Text</div>
 <div class="monospace-font">Text</div>

CSS：

.lato-font {
    font-family: Lato, sans-serif;
    line-height: 1.6;
}
.monospace-font {
    font-family: monospace, serif;
    line-height: 1.6;
}

在这种情况下，您可以为每种字体设置自定义行高。