同一段落中的罗马和斜体文字使用不同大小的字体

Question

我一直在尝试对网站上的所有文本使用Inter字体，但链接和斜体除外，它们将使用另一种字体–仍在决定使用哪种字体。

问题是我认为我需要找到一种x高度相同的字体，因为每次我使用任何其他大小的字体时，事情都会变得混乱，我需要类似的东西：

em {
  font-family: "different-typeface";
  zoom: 130%;
  line-height: .8; 
}

这就是使事情变得丑陋的代码。我不是网络开发人员，但我正在尝试学习平面设计技能以外的知识。

是否有解决方案？谢谢大家！

Answer 1

不是用zoom: 130%代替<em>和<a>，而是尝试调整font-size两者是否使您更近？

JSFiddle Example

需要记住的是，zoom在过去曾被用作IE hack，现在已弃用。