更改字体粗细时的跨浏览器 CSS 问题
[英]Cross-browser CSS issue when changing font-weight
问题描述
I have a weird problem going on in my project.
我的项目中有一个奇怪的问题。 I have a navigation menu where, when you hover it will change the font-weight from 400 to 900. It works just fine in Apple based products.我有一个导航菜单，当你悬停时，它会将字体粗细从 400 更改为 900。它在基于 Apple 的产品中工作得很好。 However, when I try it on windows, by hovering over the links they get messed up, the Font Awesome icon goes over the font for some reason... Can anyone make any sense of this?但是，当我在 Windows 上尝试它时，通过将鼠标悬停在它们弄乱的链接上，Font Awesome 图标出于某种原因会覆盖字体......任何人都可以理解这一点吗？
Before Hover悬停前
After Hover悬停后
1 个解决方案
解决方案1
0 2017-02-09 14:26:46
这是导致问题的默认引导程序填充
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
body标签中的CSS font-weight问题 - CSS font-weight issue in body tag
更改字体粗细时如何停止悬停文字？ - How to stop text moving on hover when changing font-weight?
跨浏览器问题？ - Cross-browser Issue?
字体粗细不适用于任何浏览器 - Font-weight is not working with any browser
跨浏览器字体高度 - Cross-browser font height
Javascript .css（“font-weight”）行为的变化 - Javascript .css(“font-weight”) change of behaviour
基于font-weight的CSS Selector？ - CSS Selector based on font-weight?
基本的CSS字体重量属性不起作用 - basic css font-weight property not working
CSS覆盖'font-weight'属性 - CSS overriding for 'font-weight' property
如何使用 CSS3 为字体粗细设置动画？ - How to animate font-weight with CSS3?
相关标签