我已经在标题元素上应用了自定义 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
由于我不明白的原因(我第一次看到应用粗体时)，悬停时文本的高度似乎被压缩了
知道起源吗？ (我找不到)
它是 Montserrat 字体的行为方式吗？
有可能解决这个问题吗？
任何帮助将不胜感激，谢谢:)
最佳答案
与字体Montserrat有关。
在下一行(来自网站的代码源)中，您可以看到 Montserrat 每个重量导入一次(顺便导入两次)。 Montserrat:700 不是 Montserrat: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">
关于CSS:粗体降低文本高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50932743/