Использование Helvetica Neue на веб-сайте

Ответ 1

Они используют подход "дробовик" для ссылки на шрифт. Браузер попытается сопоставить каждое имя шрифта с любыми установленными шрифтами на пользовательской машине (в том порядке, в котором они были указаны).

В вашем примере "HelveticaNeue-Light" будет проверяться первым, если этот вариант шрифта недоступен, браузер попытается "Helvetica Neue Light" и, наконец, "Helvetica Neue".

Насколько мне известно, "Helvetica Neue" не считается "безопасным веб-шрифтом", что означает, что вы не сможете полагаться на его установку для всей вашей базы пользователей. В качестве конечной позиции по умолчанию принято определять "serif" или "sans-serif".

Чтобы использовать шрифты, которые не являются "безопасными для Интернета", вам нужно будет использовать технику, известную как вставка шрифта. Встроенные шрифты не нужно устанавливать на пользовательский компьютер, вместо этого они загружаются как часть страницы. Помните, что это увеличивает общую полезную нагрузку (точно так же, как это делает изображение) и может влиять на время загрузки страницы.

Отличным ресурсом для бесплатных шрифтов с лицензиями с открытым исходным кодом является Google Fonts. (Вы должны проверить отдельные лицензии перед их использованием.) Каждый шрифт имеет ссылку для загрузки с инструкциями о том, как внедрить их на свой сайт.

Ответ 2

Я бы рекомендовал эту статью о CSS-трюках Криса Койера под названием Better Helvetica:

http://css-tricks.com/snippets/css/better-helvetica/

В основном он рекомендует следующее выражение для покрытия всех оснований:

body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
}

Ответ 3

Предполагая, что вы указали и правильно интегрировали свой шрифт на свой сайт (предположительно, используя набор шрифтов @font-face), должно быть хорошо, чтобы просто ссылаться на ваш способ так, как вы это делаете. Предположительно, это так, поэтому они отступают, если некоторые браузеры не отображают шрифты правильно.