Css Firefox和;Webkit浏览器?

Css Firefox和;Webkit浏览器?,css,fonts,cross-browser,font-face,Css,Fonts,Cross Browser,Font Face,Firefox和Webkit浏览器(Chrome和Safari)的字体(myriad pro)似乎有所不同。我没有在Internet Explorer上进行测试 form.standard.small input[type=submit] { width: 104px; height: 36px; margin: 12px 2px 4px; padding: 5px 27px 5px 45px; font-size: 14px; backgroun

Firefox和Webkit浏览器(Chrome和Safari)的字体(myriad pro)似乎有所不同。我没有在Internet Explorer上进行测试

form.standard.small input[type=submit] {
    width: 104px;
    height: 36px;
    margin: 12px 2px 4px;
    padding: 5px 27px 5px 45px;
    font-size: 14px;
    background:url('../images/button-small.png') no-repeat 0px 0px;
}

当我进入Firebug中的计算样式时,所有参数都是相同的(行高、字体大小、填充、边距等)。我尝试将@font-face文件隔离为单个.ttf文件类型,但没有改变


有人知道为什么/如何修复吗?

众所周知,firefox为按钮添加了额外的高度,请尝试将以下代码添加到css文件中:

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

请注意,IE 6不会低估

input[type="button"]

您必须添加一个类。

您确定只有Myriad Pro与众不同吗?所有文本的呈现方式都不同:@thirtydot我试着用Arial替换字体,但发现几乎没有区别。有没有办法将此应用于页面上的所有文本元素?我的
  • 文本也发生了同样的情况(值得注意)…嗯,基本上到目前为止,firefox中唯一注意到的css错误是输入按钮中的额外空间,如果它像你说的
  • 那样,尝试更改行高/magrin/填充大小。我知道这一点-这个特定的网站没有完全的浏览器支持