@字体正面Helvetica Neue超轻



我正在使用此代码

@font-face {
 font-family:myHelveticaUltraLight;
 src: local("Helvetica Neue UltraLight"),
      local("myHelveticaUltraLight"),
      url('../fonts/HelveticaNeueUltraLight.ttf'),
      url('../fonts/HelveticaNeueUltraLight.eot') format("opentype"); /* IE */
} 

为我的网站用户提供Helvetica Neue Ultra Light。它在我的Mac上与Safari兼容,但当我在Windows上的Chrome或Firefox中测试它时,它不会显示那种字体(很厚)。你知道问题出在哪里吗?如何解决?谢谢

有关在网页上使用Helvetica Neue的信息,请联系版权持有人。

我使用了helvetica neue灯,使用了以下示例

@font-face {
    font-family: 'helveticaneuelight';
    src: url('http://snippethosted.googlecode.com/svn/helveticaneue-light-webfont.eot');
    src: url('http://snippethosted.googlecode.com/svn/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://snippethosted.googlecode.com/svn/helveticaneue-light-webfont.woff') format('woff'),
         url('http://snippethosted.googlecode.com/svn/helveticaneue-light-webfont.ttf') format('truetype'),
         url('http://snippethosted.googlecode.com/svn/helveticaneue-light-webfont.svg#helveticaneuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

您没有SVG格式。。。这是webkit字体格式的首选。这是我的紧急情况"不知道这个字体是怎么回事"工具包。这些问题有时会困扰Windows字体上的webkit。

-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
 -webkit-perspective: 1000;
font-smooth: always;
-webkit-font-smoothing: subpixel-antialiased;
// or -webkit-font-smoothing: antialiased;
//  or adding a textshadow helps also sometimes:
text-shadow: 0 0 1px rgba(0,0,0,0.3);

此外,添加一个假粗体看起来最糟糕的时候。对于某些字体类型,webkit中的字体必须是粗体。

最新更新