代码之家  ›  专栏  ›  技术社区  ›  Bharat Patil

窗口上的MotivaSans粗体网页字体?

  •  0
  • Bharat Patil  · 技术社区  · 11 年前

    我正在做一个项目,客户希望使用MotivaSans粗体。
    然而,在windows浏览器上,它取代了启用twitter引导程序的按钮上的文本,但在Mac浏览器上看起来不错。但如果我试图更改填充,它会扰乱Mac浏览器。

    问题出在哪里?网络字体有什么问题吗?

    编辑

    @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');}
    
    1 回复  |  直到 11 年前
        1
  •  0
  •   jsuissa    11 年前

    问题很可能是网络字体的间距会因浏览器而异。可能的情况是,在Mac上的Chrome上,字体和按钮看起来不错,但在Windows 7上的Firefox上,字体会渲染得稍大,并弹出按钮。

    只要你不试图设置任何固定的宽度,你就可以通过CSS使用填充/边距来解决这个问题。

    如果你在页面上发布链接,你会更容易提出更具体的答案,但如果Mac和Pc的网络字体看起来相对相似,就字体而言没有什么“错误”,这实际上是一个CSS问题。