我已经在标头的元素上应用了自定义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

由于某种原因(我第一次看到应用粗体显示),该文本的高度似乎在悬停时被压缩

css - CSS:粗体会降低文字高度-LMLPHP

对起源有任何想法吗? (我找不到)

蒙特塞拉特(Montserrat)字体表现如何?

有可能解决这个问题吗?

任何帮助将不胜感激,谢谢:)

最佳答案

它与字体Montserrat有关。

在下面的行中(从网站的代码源),您可以看到Montserrat每重导入了一次(顺便说了两次)。 Montserrat:700Montserrat:400不是iso。

<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">

10-05 23:35