0

I am working on a project where client wants to use MotivaSans-Bold.
However on windows browsers it displaces text on twitter bootstrap enabled buttons but looks good on Mac browsers. But if I try to change padding it disrupts Mac browsers.

What can be the problem? Is there any problem associated with webfonts?

EDIT

@font-face {font-family: 'MotivaSans-Bold';src: url('webfonts/279BB3_D_0.eot');src: url('webfonts/279BB3_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/279BB3_D_0.woff') format('woff'),url('webfonts/279BB3_D_0.ttf') format('truetype');}
4

1 回答 1

0

问题很可能是 webfont 上的间距会因浏览器而异。可能发生的情况是，在 Mac 上的 Chrome 上，字体和按钮看起来不错，但在 Windows 7 上的 Firefox 上，字体会稍微变大一些，并且会丢失您的按钮。

只要您不尝试设置任何固定宽度，您应该能够通过 CSS 使用填充/边距来解决此问题。

如果您发布指向该页面的链接，建议更具体的答案会更容易，但如果 Mac 和 Pc 的 webfonts 看起来相对相似，那么就字体而言没有任何“错误”，这确实是一个 CSS 问题。

于 2013-09-20T20:59:02.763 回答