Question

我正在使用此代码

@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，但是当我在Chrome上测试它或在Windows上测试它时，它没有显示该字体（它非常厚）。知道可能是什么问题以及如何解决它吗？感谢。

Answer 1

Answer 2

我使用以下示例

使用了helvetica neue light

@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;
}

Answer 3

你没有SVG格式......这是webkits首选的字体格式。这是我的紧急情况“不知道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中的粗体字体。

@ font-face Helvetica Neue Ultra Light

3 个答案: