Css Firefox和;Webkit浏览器?
Firefox和Webkit浏览器(Chrome和Safari)的字体(myriad pro)似乎有所不同。我没有在Internet Explorer上进行测试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
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替换字体,但发现几乎没有区别。有没有办法将此应用于页面上的所有文本元素?我的