CSS：粗体会降低文字高度

Question

我在标头的元素上应用了自定义CSS

#AccessibleNav li .main_mega_heading.heading_color:hover, #regularMenu ul:not(.dropDown) li a:hover {
    font-weight: bold !important;
}

https://www.tresor-ethnique.com/search

出于某种原因（我第一次看到应用粗体显示），文本的高度似乎在悬停时被压缩了

对起源有任何想法吗？ （我找不到）

蒙特塞拉特字体表现如何？

有可能解决这个问题吗？

任何帮助将不胜感激，谢谢：）

Answer 1

它与字体Montserrat有关。

在下面的行中（来自网站的代码源），您可以看到Montserrat每重导入了一次（顺便说了两次）。 Montserrat:700与Montserrat:400不相同。

<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Montserrat:400,700|Montserrat:400,700|Open+Sans:400,400i,700,700i" rel="stylesheet" type="text/css" media="all">

只需删除Montserrat:700即可。

<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Montserrat:400|Open+Sans:400,400i,700,700i" rel="stylesheet" type="text/css" media="all">