Кто-нибудь знает какие-либо другие шрифты, похожие на Helvetica Neue (бесплатно для коммерческого использования)?
Я работаю над большим проектом веб-сайта, где активно используется Helvetica Neue. Мне нужен шрифт, который выглядит почти так же, бесплатен для личного и коммерческого использования и хорошо выглядит даже при использовании с копитекстом (например, размер шрифта для копитекста = 11px, для заголовков = 16px).
Также должен быть включен сжатый стиль шрифта (если возможно).
Я по-прежнему считаю, что для Интернета лучшим бесплатным вариантом является Liberation Sans . Он отлично отображается с @font-face.
Но вы также можете получить Helvetica Neue для Интернета на Fonts.com для использования в Интернете по разумной цене. Я бы, вероятно, использовал семейство шрифтов: «Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif»; чтобы те пк с установленным шрифтом видели его, а те, у кого его нет, видели замену.
Roboto — хороший неогротескный гротеск, который может заменить Helvetica. По заказу Google и выпущен бесплатно . Используется как шрифт Android по умолчанию.
Google изменил дизайн Roboto в июле 2014 года. Приведенный выше пример был обновлен.
Подробнее о сходстве Roboto (до редизайна) с Helvetica здесь . Я бы не стал преувеличивать его сходство, но я бы сказал, что это хорошая бесплатная альтернатива. После редизайна 2014 года некоторые из его наиболее похожих на Helvetica аспектов были фактически удалены.
Я также согласен с рекомендацией Yisela о Liberation Sans, который также является хорошим шрифтом, хотя и доступен в меньшем весе.
Tex-Gyre-Heros для меня лучший. Наслаждайся этим!
Шрифты Tex-Gyre в электронной фабрике GUST
sudo apt install tex-gyre
Самый близкий лицензированный шрифт с открытым исходным кодом к Helvetica Neue, который я нашел, на удивление, GNU FreeSans. Ниже приведен образец из Inkscape с FreeSans вверху и Helvetica Neue внизу. Глифы почти идентичны, некоторые немного ближе к оригинальной Helvetica. Расстояние немного различается (по крайней мере, в Inkscape). Самая большая разница, которую я вижу, это то, что FreeSans имеет лигатуры между определенными символами, обратите внимание на комбинацию «fl». Это отличный шрифт, который хорошо работает с семейством шрифтов GNU FreeSerif и FreeMono.
Эти похожи. Я надеюсь, что они будут работать на вас.
http://www.fontsquirrel.com/fonts/TeX-Gyre-Heros
http://www.google.com/fonts/specimen/Lato
Для Helvetica Neue Condensed вы можете взглянуть на веб-шрифт Archivo Narrow:
https://www.google.com/fonts/specimen/Archivo+Narrow
Для версии Helvetica Neue Black эта версия Archivo Black тоже неплоха:
https://www.google.com/fonts/specimen/Archivo+Черный
Для другого Helvetica Neue, такого как стандартный, были опубликованы другие ответы, и они довольно хороши.
Если вы хотите использовать только Google WebFonts, Droid Sans, Open Sans и Roboto не идеальны, но могут сработать.
Все давали вам названия шрифтов, похожих на Helvetica (некоторые больше, чем другие), но в зависимости от того, над каким проектом вы работаете, вам может не понадобиться ни один из них.
Если вам не нужно что-то, что выглядит почти так же, как Helvetica, Arial может быть вариантом, который вам следует рассмотреть. Он предустановлен (почти?) в каждой версии Windows, а также в устройствах Apple. К сожалению, Arial Narrow не включен в iOS, но, поскольку и Helvetica, и Helvetica Neue предустановлены на всех устройствах Apple, вам не о чем беспокоиться.
Ваш стек шрифтов может быть чем-то вроде font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
, и вы будете охватывать наиболее распространенные устройства и операционные системы (за исключением Android, который, я думаю, не поставляется ни с одним из этих двух семейств шрифтов).
Имейте в виду, что в большинстве случаев это далеко не идеально, но позволит вам избежать затрат на лицензирование и сократить время, необходимое для загрузки вашего веб-сайта (поскольку он не будет загружать шрифты). Это также снимет нагрузку с вашего сервера, хотя обслуживание шрифтов не такое уж большое дело.
Вот ссылка на сайт с некоторыми шрифтами, предустановленными в различных операционных системах: http://www.cssfontstack.com . А вот еще одна статья в Википедии о доле использования различных операционных систем: https://en.wikipedia.org/wiki/Usage_share_of_operating_systems .
РЕДАКТИРОВАТЬ: Этот сайт отлично подходит, если вы хотите проверить, какой шрифт будет использоваться в каждом браузере и операционной системе: http://fontfamily.io/
Возможно, это не очень похоже на Helvetica, но я нашел шрифт под названием Montserrat, который вы можете скачать с FontSquirrel .
Самое близкое, что я нашел до сих пор, это «Raleway» в Google Fonts ( http://www.google.com/fonts ). Я обычно использую свет 300, 200 или 100. Не точно, но настолько близко, насколько я могу найти на данный момент.
Для верхнего регистра Oswald кажется хорошим вариантом, доступным в Google Fonts http://www.google.com/fonts/specimen/Oswald .
TeX Gyre Heros — ближайшая бесплатная альтернатива Helvetica. На мой взгляд, это в основном мертвый звонок. Одна потенциальная проблема: есть только два веса.
Если вам нужна более полнофункциональная бесплатная альтернатива Helvetica, Inter — лучший выбор.
Но, как вы упомянули, если необходим сжатый вес, Archivo (и Archivo Narrow ) — это то, что вам нужно!
Я нашел эти два шрифта, которые выглядят как логотип Google, если кому интересно.
https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original-ot/
https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original/
Исела
кликбейт
font-family: "Helvetica Neue"
«Это законно», потому что я сам не обслуживаю шрифт; вместо этого браузер использует его из системы пользователя, если он существует.