按钮文本位置从不同的浏览器 [英] Button text position differs from browser

问题描述

按钮文本位置不同，无论是在Firefox / Chrome或歌剧/ IE浏览器。
我有一个按钮和文本。在歌剧它会比在Firefox低一点。

Button text position differs whether it in firefox/chrome or opera/ie. I have a button and text in it. In opera it goes little bit lower than in firefox.

HTML:

    <button>
        some
    </button>

CSS:
    button {
        width:145px;
        height:36px;
        border: 0;
        color:#fff;
    }

结果
我怎样才能prevent这段文字按钮的跳楼？
结果
也有奖金的问题：可能是有人知道如何prevent字体重量的这种不同的看法在浏览器中（见图片）

How can I prevent this "jumping" of text button?
Also a bonus question: may be someone knows how to prevent this different visions of font-weight in browsers?(see the images)

P.S。我GOOGLE了它 - 没有找到答案

P.S. I googled it - hadn't found the answer

编辑： FIDDLE

EDIT_2：浏览器更新到最后版本。 （可能不包括IE，但问题是在歌剧中太）。操作系统：Windows 8.1专业工业

EDIT_2: Browsers are updated to the last versions. (May be excluding the IE, but the issue is in opera too). OS: Windows 8.1 Industry Pro

推荐答案

所以，我发现这个问题。

So I found the problem.

我用FONT-FAMILY无数临，这是安装使用Photoshop。每一个浏览器似乎呈现不同的这种字体，所以字体家庭后更改的问题已经没有了。

I used font-family "Myriad Pro" which was installed with Photoshop. Every browser seems like renders different this font, so after font-family change the problem has gone.

相当棘手找到，但简单的解决方案...

Quite tricky to find but easy solution...

这篇关于按钮文本位置从不同的浏览器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！