时间戳

首页 > 解决方案 > 真正的 HTML 跨浏览器难题？

html - 真正的 HTML 跨浏览器难题？

问题描述

这……很奇怪。给定以下 HTML 代码：

    <span style="font-family:'Arial';font-size:11pt;font-weight:bold;">Arrow in Arial, 11pt, bold: &rarr;</span><br />
    <span style="font-family:'Arial';font-size:11pt;">Arrow in Arial, 11pt, not bold: &rarr;</span><br />
    <span style="font-family:'Arial';font-size:12pt;font-weight:bold;">Arrow in Arial, 12pt, bold: &rarr;</span><br />
    <span style="font-family:'Arial';font-size:12pt;">Arrow in Arial, 12pt, not bold: &rarr;</span><br />
    <span style="font-family:'Arial';font-size:13pt;font-weight:bold;">Arrow in Arial, 13pt, bold: &rarr;</span><br />
    <span style="font-family:'Arial';font-size:13pt;">Arrow in Arial, 13pt, not bold: &rarr;</span><br />

你希望看到什么？我知道我的预期。但是在我的测试环境中（Windows 7，我尝试过的每个浏览器 [Chrome、Opera、Firefox 和 IE]）我看到了这个：

在此处输入图像描述

注意到那个奇怪的第三个箭头了吗？由于它出现在我尝试过的每个浏览器中（在 Windows 上），我想这可能是由于 ClearType® 之类的东西，但我把它关掉了，仍然看到同样的东西。如果我将 12pt 粗体更改为 12.5pt 粗体，箭头的尾部会再次出现。

这是一个漫长的夜晚，我很困，所以也许我错过了一些明显的东西？

标签： htmlcsshtml-entities

解决方案

推荐阅读