IE11 HTML实体渲染字体没有继承?

时间:2018-04-12 16:59:50

标签: html css fonts internet-explorer-11

Ohhh Internet Explorer ...

我试图在DOM中为Celsius / Fahrenheit值渲染HTML实体(十进制/十六进制),这对吗?不幸的是......我注意到,通过IE11(WIN 8.1)测试,HTML实体容器的font-family名称被忽略,浏览器正在奇怪地呈现它 (见下文)。

我想知道是什么类型的怪怪可能会产生这种怪癖,因为我现在无法追查根本原因。任何帮助将不胜感激!

视觉效果:

演示:

<style>
    body {
      margin: 40px;
    }

    div {
      width: 50%;
      margin: 0 auto;
      text-align: center;
    }

    span {
      font-family: "Open Sans", Arial Unicode MS;
      font-size: 14px;
      display: inline-block;
      padding-right: 30px;
    }
</style>
<div>
    <span>24&#8457;</span>
    <span>24&#x2109;</span>
    <hr/>
    <span>42&#8451;</span>
    <span>42&#x2103;</span>
</div>

0 个答案:

没有答案