文章/答案/技术大牛

发布

社区首页 >问答首页 >Myriad Pro在IE9和IE10中的垂直居中

问Myriad Pro在IE9和IE10中的垂直居中
EN

Stack Overflow用户

提问于 2013-03-22 05:49:23

回答 1查看 582关注 0票数 2

我有一个用Myriad Pro写的单行文本垂直居中到父母。在大多数浏览器中，它呈现得很好，但是在IE9和10中，文本并不完全居中，它从正确的位置向上移动了大约3个像素。

我发现问题是由字体引起的，用Arial可以正确地呈现相同的大小写。在下图中您可以看到问题所在。文本的一部分被选中，似乎由于某种奇怪的原因，文本被粘在所选内容的顶部，并且所选内容垂直居中。

来源：

<!DOCTYPE html>
<html>    
    <head>
      <style type="text/css">
        div
          {
            vertical-align:middle;
            height:40px;
            line-height:40px;
            background-color:red;
            font-family:"Myriad pro",arial;
          }
      </style>
    </head>    
    <body>
        <div>LOREM IPSUM</div>
    </body>
</html>

你能给我解释一下为什么会发生这种情况以及如何修复它吗？

非常感谢。

css

fonts

internet-explorer-9

vertical-alignment

internet-explorer-10

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-25 02:00:05

我最终用Adobe Typekit解决了这个问题。用Typekit编写的Myriad Pro可以正确地垂直居中。

但我仍然想知道为什么会发生这种情况。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15558853

复制

相似问题

问Myriad Pro在IE9和IE10中的垂直居中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Myriad Pro在IE9和IE10中的垂直居中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Myriad Pro在IE9和IE10中的垂直居中
EN