css - 在带有字体的 chrome 中没有反抗(在某些地方)

标签 css macos font-face

我正在做的元素是 secret 的,所以我不能给你看,但我会尽力解释。

所以我通过@font-face(通过fontsquirell 生成)使用字体。字体被用作标题,在主菜单中有点大,Arial 用于复制。

问题是在 Chrome 和 IE(不是 Fx 或 Opera)中,菜单中的文字看起来很难看,不流畅。页面的其余部分按预期工作,只有在菜单中才会发生这种情况。但是当我将鼠标悬停在菜单中的链接时,它会变成一个漂亮的文本(可能发生的是某种重排或其他事情)。

我有两个文件(在本例中很重要): screen_typography.css 屏幕布局.css

我有一个 minifier 东西在运行,所以最后它只是浏览器加载的一个 css 文件。在排版文件中,我导入字体并将其设置为标题。在布局 css 中,我正在设置菜单的字体。字体设置为 li 内的 -tag。

在撰写本文时,我发现这仅发生在 Mac OSX 中,而不发生在 Windows 上(尚未在 Linux 上测试过)。

有人知道为什么会这样吗?

最佳答案

我在 IE 中遇到了类似的问题——我发现在文本上设置 position:relative 可以解决这个问题。虽然不知道为什么!

关于css - 在带有字体的 chrome 中没有反抗(在某些地方),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5794452/

相关文章:

html - 在表格行内对齐标签和输入

CSS 在 vagrant 环境中格式不正确

javascript - Activity 菜单选项卡下的滑动箭头

html - Google Chrome 中的粗体字体模糊不清 (@Font-Face)

css - WordPress 主题中的文本溢出,行未正确断开

ios - 我可以使用 3D Touch 在 iOS 上为手势添加反馈(凹口)吗?

xcode - 尝试运行 Node.js 服务器时 vecLib 出现问题。

macos - Mac OS X - 应用程序演示文件的最佳位置?

asp.net - 我的字体不工作

css - 如何在CSS Font Face中转换data :font to . ttf Font Format