代码之家 › 专栏 › 技术社区 › Jason

完全奇怪的Firefox CSS错误

fonts firefox css

Jason · 技术社区 · 16 年前

我已经做了很长一段时间的前端开发,我从来没有遇到过这样的错误。。。

将以下HTML保存到文件并在Firefox中查看(我的是3.6.3):

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
    body { font-family: Helvetica, Sans-Serif;}
    h2 {font-weight: normal;}
    </style>
</head>
<body>
     <h2>Some normal text <strong>some bold text</strong> weird huh?</h2>
</body>
</html>

如果你不想试一试,输出就像你的猫在打开字符映射时走过你的键盘,除了 strong

我觉得这可能是字体问题?当我摆脱 font-weight: normal h2 ... 有人有什么想法吗?更重要的是,有人能复制这个吗??

谢谢。

编辑

这是一个 screenshot

4 回复 | 直到 16 年前

Pekka 16 年前

这似乎是赫尔维蒂卡特有的。以下是一些截图与您的案例完全相似的报告。

他们提到了解决办法。在服务器端:

字体系列:,不会出现此错误。

当通过字体系列设置字体系列时:(而不是通过字体:), 只有当显示的字体大小超过20像素时,才会出现此错误。它不管字体大小是通过em还是px设置的,只要实际的显示器尺寸超过20px,会出错。

在客户端,建议删除或重新安装Helvetica字体。你能检查一下你的字体文件夹吗 HELVETIC.TTF 或者类似的文件?

Vivin Paliath 16 年前

你检查过你的编码了吗?

当你移除 Helvetica 或 Sans-Serif 换成其他字体,你也有同样的问题吗?例如,您是否尝试使用其他字体,然后组合 赫尔维蒂卡 和 无衬线体 其中包括:

Courier 赫尔维蒂卡

信使 无衬线体

Jeff Fohl 16 年前

这可能是因为你的机器上装载了一个奇怪版本的Helvetica。尝试在本地禁用该字体,看看会发生什么。

Nivas 16 年前

看起来这和编码有关(而不是字体)。检查您的编码,因为它是由firefox决定的:View->字符编码。是UTF-8吗?
把它改成其他的东西(比如说西文(ISO8859-1))会改变字符吗?

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前