CSS-шрифт "Helvetica Neue"

Ответ 1

Этот шрифт не является стандартным для всех устройств. Он установлен по умолчанию на некоторых компьютерах Mac, но редко на ПК и мобильных устройствах.

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

@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }

Взято из css3.info

Ответ 2

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

Мне нравится использовать стек шрифтов, который касается всех оснований вроде этого:

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;

Этот рекомендуемый стек семейства шрифтов далее описан в этом фрагменте CSS-Tricks "Лучше Helvetica" , который также использует font-weight: 300;.

Ответ 3

Helvetica Neue - платный шрифт, поэтому вы не должны @font-face, поскольку вы будете свободно распространять шрифт, защищенный авторскими правами. Он включается в системы Mac, но не в windows/linux, поэтому да, многие ваши пользователи не будут установлены. В любом случае, вы можете использовать "Arial Narrow" в качестве замены Windows, что эквивалентно окну.

Ответ 4

Вы можете использовать http://www.fontsquirrel.com/fontface/generator для кодирования любого шрифта для веб-сайтов. Он будет генерировать код для включения шрифта.

Я действительно не использую его для шрифтов более 30 пикселей. Они выглядят намного лучше как изображение (потому что изображения сглажены, а некоторые браузеры не имеют шрифтов с анти-алиасом в браузере).

Смотрите: http://www.truetype-typography.com/ttalias.htm

Надеюсь, что это поможет...

Ответ 5

Большинство пользователей Windows не будут иметь этот шрифт на своих компьютерах. Кроме того, вы не можете просто отправить его на свой сервер и называть его с помощью font-face, потому что это не бесплатный шрифт...

И последнее, но не в последнюю очередь, отвечая на вопрос, о котором никто еще не упоминал, Helvetica и Helvetica Neue не выглядят хорошо на экране, если у них нет действительно большой font-size. Вы найдете много страниц, используя этот шрифт, и во всех них вы увидите, что верхняя граница строки текста выглядит волнистой и что некоторые буквы выглядят выше других. По-моему, это главная причина, почему вы не должны ее использовать. Существуют и другие варианты использования, например Open Sans.