@ шрифт Helvetica Neue лицо Ultra Light

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 для пользователей моего сайта. Он работает нормально с Safari на моем Mac, но когда я протестировал его в Chrome или Firefox в Windows, он не показывает этот шрифт (он очень толстый). Любая идея, что может быть проблемой и как ее исправить? Благодарю.

Answer 1

Свяжитесь с владельцем авторских прав для получения информации об использовании Helvetica Neue на веб-страницах.

Answer 2

У вас нет формата SVG ... Это первый выбор веб-кит в формате шрифта. Вот мой EMERGENCY «Не знаю, что с этим шрифтом в вебките». Это проблемы, которые иногда поражают webkit на шрифтах Windows.

-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 для некоторых типов шрифтов.

Answer 3

Я использовал 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; 
}