7 лучших шрифтов для разработчика
Разработчики часами сидят за компьютером и, чтобы облегчить жизнь глазкам, стоит выбрать хороший шрифт. Мы собрали подборку лучших шрифтов для написания кода, чтобы работать стало комфортнее.
JetBrains Mono
Кириллица и латиница
Шрифт придуман в первую очередь для разработчиков. Имеет открытый исходный код. Символы одинаковые по ширине, но строчные буквы сделаны выше. Такой подход сохраняет строки кода той длины, которую ожидают разработчики, и помогает улучшить визуализацию, поскольку каждая буква занимает больше пикселей.
Шрифт с лигатурами и без
В багажнике шрифта есть 9 стилей, к примеру: тонкий, сверхлёгкий, жирный. JetBrains Mono можно использовать в любом редакторе кода, на логотипе, даже придумать на его основе новый шрифт. Важно лишь указать, что шрифт основан на JetBrains Mono. Поддерживает 145 языков. В общем, плюсов море.
Fira Code
Шрифт создавался для Firefox OS, а произошёл от моноширинного Fira Mono. Главное отличие от Fira Mono в том, что у Fira Code есть лигатуры. Имеются 3 стиля: обычный, средний, жирный. Поддерживает 70 языков.
Можно использовать в коммерческой и некоммерческой деятельности.
MonoLisa
Платный шрифт, созданный для разработчиков ПО. Главная отличительная черта — увеличенная ширина для удобного чтения. У шрифта есть два стиля с курсивами и три варианта с лигатурами. Точно найдёте на свой вкус. MonoLisa поддерживает более 200 языков и различные алфавиты, включая латиницу, кириллицу, греческий и вьетнамский языки.
IBM Plex Моnо
Моноширинный шрифт. Имеет 14 стилей, к примеру: тонкий, средний курсив, полужирный. Поддерживает 71 язык. Можно использовать в коммерческой и некоммерческой деятельности.
Ubuntu Mono
Моноширинный шрифт. Относится к семейству шрифтов Ubuntu. Имеет 4 стиля и поддерживает 70 языков. Разработка Ubuntu Mono велась в Dalton Maag. Можно использовать в коммерческой и некоммерческой деятельности.
Cascadia Code
Бесплатный шрифт от Microsoft с поддержкой лигатур. Имеет 20 стилей и поддерживает 73 языка.
Можно использовать в коммерческой и некоммерческой деятельности.
Monocraft
Моноширинный шрифт для ценителей Minecraft и тех, кому наскучили обычные шрифты. Тонкие символы, такие как «i» и «l», переработаны с добавлением изящных хвостов и засечек, чтобы лучше выглядеть в моноширинной среде. Лигатуры выглядят интересно и по-майнкрафтовски.
Ещё полезные подборки
- 10 лучших тем для VS Code в ноябре 2022
- Топ-20 лучших плагинов для Figma в 2023
- 8 полезных плагинов VS Code для вёрстки
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
Dev Mode в Figma. Быстрый обзор бета-версии
Если вы читаете эту статью, Dev Mode в Figma наконец-то вышел в открытую бету. Быстренько рассказываем, что это такое, и как его включить и настроить.
Раньше верстальщикам была доступна только вкладка Inspect с базовой информацией о стилях конкретного элемента.
Некоторые разработчики не рекомендовали копировать стили оттуда, потому что всегда это работало с нюансами. Пока сложно сказать, насколько стили стали точнее, но работать стало определённо удобнее. Сами Adobe называют Figma новым пространством для разработчиков, с возможностями, которые помогают быстрее переводить дизайн в код. Давайте проверим.
- 10 августа 2023
Горячие клавиши Figma для быстрой работы
Figma — это инструмент для создания дизайна, который очень любят веб-разработчики. Одна из причин, почему Figma так популярна — это горячие клавиши. Они помогают работать быстрее и проще. Давайте рассмотрим самые важные из них.
Скрыть или показать интерфейс Фигмы (Ctrl + \ или ⌘ + \ для Mac)
Эта комбинация клавиш позволяет вам быстро убрать все лишнее с экрана, чтобы вы могли сосредоточиться на своем дизайне. Или, наоборот, показать все элементы интерфейса, если вам нужно что-то найти или изменить.
Быстрый поиск по меню (Ctrl + / или ⌘ + / для Mac)
Эта комбинация клавиш открывает поиск по меню. Это очень удобно, когда вы знаете, что вам нужно, но не помните, где это находится. Просто начните вводить то, что вы ищете, и Figma покажет вам нужный пункт меню. Если пользуетесь Spotlight или PowerToys, вам будет очень удобно.
А если не пользуетесь — попробуйте.
- 7 августа 2023
Старт в Figma для верстальщика
Figma — это онлайн-редактор графики для дизайнеров интерфейсов и веб-разработчиков. Это удобная, бесплатная альтернатива Photoshop.
Большое преимущество платформы — возможность работать прямо в браузере. При этом есть и десктопная версия. Расскажем, что надо знать верстальщику при работе с макетом в Figma.
- 2 августа 2023
Инструменты для работы со шрифтами
Работа со шрифтами и типографикой — важная часть вёрстки текста. Новые шрифты появляются очень часто, за этим сложно уследить. Существует множество инструментов, которые помогают находить нужные шрифты, управлять ими и улучшать внешний вид текста.
Рассмотрим несколько инструментов для работы со шрифтами, которые будут полезны при создании сайта.
- 29 июня 2023
10 горячих клавиш VS Code, которые ускорят вашу работу
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью упростить себе жизнь в Visual Studio Code.
- 13 июня 2023
10 лучших тем для VS Code
VS Code — популярный редактор кода со множеством полезных инструментов. Сегодня мы поделимся с вами 10 темами, чтобы работать стало ещё приятнее. Выбирайте на свой вкус и цвет.
- 11 июня 2023
10 полезных плагинов VS Code для вёрстки
Visual Studio Code — один из самых популярных редакторов кода. Его удобно использовать, и у него есть множество полезных расширений, с помощью которых легко оптимизировать работу. Такие плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы.
Чтобы установить расширения, перейдите во вкладку «Extensions» и в поиске найдите подходящие плагины.
- 9 июня 2023
17 полезных плагинов JavaScript в VS Code
Редактор кода Visual Studio Code помогает быстрее писать код, например, он подчёркивает ошибки красным цветом и показывает подсказки. Но работу можно сделать ещё приятнее, если установить нужное расширение.
Плагинов VS Code много. Здесь мы расскажем об одних из самых популярных — они пригодятся при работе с JavaScript.
- 6 июня 2023
Подборка микроанимаций для фронтенда с CodePen в 2023
⭐ Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие.
Например, нажатие на кнопку лайка в социальных сетях или изменение фона, индикатор загрузки, и многое другое. Микроанимация используется везде, где есть интерфейс пользователя, а именно, веб-сайтах, мобильных приложениях, играх. На примерах с CodePen покажем, какими они бывают.
- 12 апреля 2023
Как собрать проект на Webpack
Webpack — это сборщик модулей для JavaScript-приложений. Он позволяет разделять код на модули, которые затем могут быть импортированы и использованы в других частях приложения. Это полезно для структурирования кода, оптимизации производительности и поддержки сторонних библиотек.
Подробнее о Webpack мы писали в другой статье, а пока давайте создадим простой проект, который складывает два числа, а заодно научимся пользоваться Webpack.
- 7 апреля 2023
11 лучших шрифтов для программирования
Много статей и сайтов сравнивают шрифты для программирования — всё это отличные ресурсы. Так зачем я опять поднимаю эту тему? Потому что сам всегда терялся в десятках шрифтов и не мог понять, какой лучше. Так что я опробовал много шрифтов и выбрал следующие для вас. Они довольно популярны и их легко получить. И самое главное, все эти шрифты бесплатны!
Я ранжировал шрифты по следующим показателям:
- Насколько различимы схожие символы, такие как 0O , 1lI .
- Легко ли читается шрифт (ширина строк, ширина/высота символов).
- И мои личные предпочтения!
1. Hack
Hack — свободный шрифт, специально разработанный для исходного кода и основанный на проектах Bitstream Vera и DejaVu. 0O и 1lI чётко различимы, а шрифт в целом легко читается. Особенно мне понравился ноль с вертикальной прорезью.
2. DejaVu Sans Mono
Производный шрифт от Bitstream Vera. Это тоже хороший вариант со свободной лицензией. Sans Mono ясно различает 0O и 1lI . Точка внутри 0 не так заметна, как у Hack, но в целом шрифт удобен.
3. Monaco
Monaco использовался по умолчанию в OSX до выхода Snow Leopard. Символы хорошо различаются, поэтому трудно спутать 0O и 1lI . Этот шрифт мне нравится из-за его особого стиля, как будто снова возвращаешься в OSX (сейчас я в основном использую Ubuntu).
4. Source Code Pro
Source Code Pro разработан компанией Adobe. В целом текст выглядит чётче других шрифтов, не говоря уже о хорошей различимости символов.
5. Menlo
Menlo — новый шрифт по умолчанию в macOS для Xcode и Terminal. Это производная от DejaVu Sans Mono. Лично мне больше нравится Monaco, так как я давно использую OSX, но Menlo тоже хороший выбор для программирования.
Дополнение: Menlo больше не шрифт по умолчанию в macOS. В версии High Sierra шрифт по умолчанию изменили на San Francisco Mono, что тоже отличный выбор для программирования. Спасибо Ивану Кантарино и p13t3rm.
6. Consolas
Consolas — шрифт по умолчанию в Visual Studio. Он очень популярен, потому что поставляется с Windows. Лично мне не очень нравится символ l , потому что его легко спутать с 1 .
7. Space Mono
Space Mono разработан Colophon Foundry и это отличный моноширинный шрифт. Отмечу два недостатка: 1) l можно спутать с 1 ; 2) , не отличается от . на размере шрифта в 14 пунктов.
8. FiraCode
FiraCode поддерживает лигатуры, то есть может объединить два или более символов в один символ, чтобы облегчить чтение кода. Обратите внимание на != ,
Примечание: для активации лигатур в VSCode нужно добавить следующую строку.
"editor.fontLigatures": true,9. Anonymous Pro
Мне нравится Anonymous Pro, потому что он даёт ощущение пишущей машинки. Кроме того, здесь символ < более узкий, чем в Hack, так что он больше похож на знак.
10. IBM 3270
IBM 3270 основан на шрифте, который использовался в консоли IBM 3270, выпущенной IBM в 1971 году. Этот шрифт отлично подходит для программирования и выполнен в стиле ретро (хотя мне он не совсем привычен).
Обратите внимание, что этот шрифт относительно небольшой, поэтому предлагаю увеличить размер шрифта и уменьшить высоту строки, чтобы сделать его более читаемым на экране.
"editor.lineHeight": 20, "editor.fontSize": 14,11. Droid Sans Mono
Droid Sans создан для Android и очень красив. Но самая большая проблема в том, что у него нет нуля с прорезью, поэтому 0 и O не различимы.
Дополнение: Для Droid Sans Mono созданы варианты, где есть ноль с перечёркиванием и точкой. Спасибо hawtre smith.
Спасибо за чтение! Надеюсь, эта статья поможет вам найти новый шрифт для IDE или консоли! Пожалуйста, порекомендуйте эту статью другим, если она вам понравилась!
Я получил отклики о других шрифтах для программирования. Да, все они замечательные, полностью согласен! Основная цель этой статьи — обеспечить начальную базу для тех, у кого мало опыта с разнообразными шрифтами, поэтому постараюсь сохранить минимальный список и не перегружать людей. Но спасибо всем за отзывы. С удовольствием попробую в повседневной работе шрифт, которые вы упомянули.
- Типографика
- Программирование
8 лучших шрифтов для программирования
Правильный выбор шрифта для программирования — важная задача. Бесспорно, комфорт для глаз стоит на первом месте. Но и визуальный стиль тоже не стоит упускать из внимания. В этом материале расскажем, как должен выглядеть хороший шрифт для работы с кодом.
JETBRAINS MONO
Бесплатный шрифт, предназначенный разработчикам. Акцент в нем сделан на комфорт при чтении и редактировании кода. Все символы имеют схожую простую форму. У них одинаковая ширина и отсутствуют элементы на внешних границах, например, те же засечки. Это особенно удобно при вертикальном чтении.
- строчные буквы специально сделаны более высокими
- у всех символов уникальный внешний вид, например, цифра 0 имеет точку внутри, а в случае с буквой O она отсутствует
- наличие лигатур
- курсив имеет нестандартный угол наклона в 9 градусов
Последняя версия шрифта доступна для скачивания с официального сайта.
Fira Code это подвид моноширинного Fira Mono. Отличается идентичным начертанием всех символов, но есть одно различие — использование лигатур, которые есть только в Fira Code. Шрифт изначально создавался для Firefox OS.
Чтобы загрузить шрифт стоит обратиться к официальному репозиторию. Для этого выполните команду:
$ sudo apt install fonts-firacode
После ее завершения Fire Code появится в системе. Но если команда не сработала, то воспользуйтесь Google Fonts для загрузки.
Следующий моноширинный шрифт, задумывавшийся специально для разработчиков ПО. Помимо отличной читаемости, особое внимание создатели уделили визуальному стилю. Символы имеют увеличенную ширину, а по высоте могут незначительно отличаться. Присутствует 120 лигатур специально для программного кода. У самих символов есть выбор альтернативного стиля.
Данный шрифт распространяется на платной основе на официальном сайте. У него есть пробная версия только для латиницы, без лигатур и других особенностей. Она подходит исключительно для некоммерческого использования.
IBM PLEX MONO
Идея IBM Plex Mono – показать дух компании IBM и идеологию, прошедшую сквозь всю ее историю. По своему стилю это гротескный шрифт, который отлично читается на всех устройствах. Все описанное в сочетании с моноширностью делает его оптимальным для работы с кодом.
Новую версию IBM Plex Mono всегда можно найти в официальном репозитории на сайте Github. Загрузите одну из версий шрифта, например, более современный TrueType.zip. Откройте папку IBM-Plex-Mono в полученном архиве, а затем распакуйте ее в систему.
SOURCE CODE PRO
Из одного названия шрифта понятно, что изначально он и был разработан как для чтения, так и редактирования исходного кода. В качестве основы используется Source Sans.
- увеличенная высота и ширина символов, но между собой они сведены к одинаковым размерам.
- символы не похожи друг на друга, что особенно важно, например, с i, l и 1.
- увеличены размеры знаков пунктуации.
- наличие набора глифов Adobe Latin 4.
Также он поддерживает множество языков, но в основном в нем используется латиница.
Monoid по своему внешнему исполнению выполнен в пиксельном стиле. Шрифт отлично подходит для экранов с низким разрешением. Сами символы отлично различимы, имеют большие апертуры (вертикальные и горизонтальные срезы на границах). Особое внимание в нем уделено кастомизации, ведь многие параметры можно настроить еще до скачивания. Monoid необходим для загрузки на сайте его создателя Larsenwork.com.
UBUNTU MONO
Шрифт изначально задумывался для Ubuntu и встроен в данный дистрибутив Linux. Он не имеет засечек, что важно при изучении кода. Ubuntu Mono использует особенности OpenType и отлично различим даже на небольших экранах, например, на мобильных устройствах.
Шрифт Ubuntu Mono находится в открытом доступе на официальном сайте. Пролистайте данную страницу до раздела Resources и нажмите Download for Free, чтобы скачать его. Также его можно найти в сервисе Google Fonts. Для загрузки откройте эту ссылку и кликните по кнопке Download Family.
INCONSOLATA
Моноширинный Inconsolata вдохновлен пропорциональным шрифтом Avenir, проприетарным Consolas и Letter Gothic, классическим для компьютеров IMB. Изначально в нем отсутствовало жирное начертание, но с течением времени оно было добавлено. Среди особенностей шрифта стоит отметить высокое качество символов при выводе. Это один из аспектов, на котором делал внимание его создатель.
Наиболее быстрый просто вариант загрузки Inconsolata заключается в использовании официального репозитория Ubuntu. За данное действие отвечает следующая команда:
$ sudo apt-get install fonts-inconsolata
Ну а если при ее выполнении возникла ошибка, то скачайте шрифт с сайта Google привычным образом.
Лучшие шрифты для программирования
Как разработчик и настоящий гик в области типографики, если речь идёт о шрифте, на который придётся глазеть целый день, то я буду выбирать очень тщательно. Когда я недавно заметил, что мой друг использует довольно невзрачный шрифт для консоли и в редакторе кода (он слишком ужасен, чтобы здесь упоминать), то у меня отвисла челюсть, а сердце на секунду перестало биться, и я понял, что мне пришло время написать эту статью.
Я выкладываю список из десяти моноширинных шрифтов, готовых к использованию. Некоторые из них идут в комплекте с современными операционными системами, но большинство можно бесплатно скачать из интернета. Отдельные, в том числе Consolas, являются частью коммерческого ПО.
Примечание о сглаживании шрифтов (anti-aliasing)
В прошлом приходилось выбирать либо маленький моношрифт, либо зубчатые края. Но современные операционные системы отлично справляются со сглаживанием, так что моноширинные гарнитуры хорошо выглядят при любом кегле. Это больше не 1990 год, так что дайте отдых своим уставшим глазам и увеличьте размер шрифта.
Если у вас остались какие-то сомнения, что сглаженные шрифты подходят для кодинга, обратите внимание, что даже многоуважаемый BBEdit, который много лет поставлялся в несглаженном наборе Monaco 9 в качестве дефолтного, спрыгнул с поезда. Приложение теперь идёт в комплекте со специально лицензированной версией Consolas от Ascender, увеличенного размера, со сглаживанием по умолчанию. Panic тоже содержит специальный сглаженный шрифт (Panic Sans, который на самом деле просто версия Deja Vu Sans Mono) в своём популярном приложении Coda.
Если не оговорено обратное, для иллюстраций здесь я использовал здесь кегль размером 15 пунктов с включенным сглаживанием, чтобы продемонстрировать его годность на больших размерах.
10. Courier
Все ОС идут в комплекте с какой-нибудь модификацией Courier (часто именуется Courier New). К сожалению, многие выбрали этот шрифт для консоли и редактора. Он делает своё дело, но при этом уныл и скучен, страдает от нехватки стиля и лоска. Я не рекомендую этот шрифт, если у вас есть хоть какая-то альтернатива — и, к счастью, она у вас есть. Если вы его всё-таки используйте, то хотя бы увеличьте размер и включите сглаживание.
Courier New
9. Andale Mono
Чуть лучше семейства Courier, шрифт Andale Mono тоже попадает в категорию дефолтных, поскольку поставляется с некоторыми системами. Вряд ли бы вы захотели скачать и использовать его, если бы он уже не был установлен. На мой вкус, межбуквенный интервал у него корявый, а буквы слишком широкие.
9. Andale Mono
8. Monaco
Monaco — моноширинный шрифт по умолчанию на Mac со времён System 6. Он вполне цельный, хорошая рабочая лошадка, которая действительно отлично выглядит при маленьком кегле с выключенным сглаживанием. Раньше мне нравился этот шрифт, когда мои глаза могли смотреть несколько часов на кегль размером 9 пунктов, но те времена прошли. Этот шрифт хорошо выглядит на 9 или 10 пунктах, но не очень радует на бóльших размерах со сглаживанием.
Насколько я знаю, получить Monaco можно только вместе с Mac OS, но есть другие варианты, так что читайте дальше.
Monaco
Monaco 9 пунктов, без сглаживания
7. Profont
Profont сделан по образцу Monaco и доступен для Mac, Windows и Linux (есть также модифицированная версия для Mac OS X под названием ProFontX, от другого автора). Они лучше всего смотрятся на маленьком кегле и представляют собой отличную альтернативу Monaco, если вы работаете не на «макинтоше». Profont и ProFontX предназначены для использования при размере 9 пунктов с выключенным сглаживанием.
Profont 9 пунктов, без сглаживания
6. Monofur
Monofur — уникальный моноширинный шрифт, который великолепно выглядит на любых размерах со сглаживанием. Это довольно забавный шрифт с индивидуальными очертаниями, смутно напоминающими графический интерфейс Sun OPEN LOOK, который работал на системах Solaris (SunOS) в конце 80-х. Если вы ищете нечто особенное, попробуйте этот шрифт, но не забудьте включить сглаживание даже на маленьком кегле.
Monofur
5. Proggy
Proggy — чистый моноширинный шрифт. Кажется, его особенно предпочитают пользователи Windows, хотя он нормально работает и на Mac. Это чёткий шрифт, который нужно использовать только на малых размерах без сглаживания.
Proggy Clean 15 пунктов (да, 15 пунктов), без сглаживания
4. Droid Sans Mono
Семейство Droid (доступно для скачивания здесь) специально создано для использования на маленьких экранах смартфонов, таких как Android, и опубликовано под лицензией Apache.
Droid Sans Mono отлично подходит для программирования. Он выполнен с особым вкусом и выделяется среди остальных моноширинных шрифтов в этом списке, но у него есть единственный крупный недостаток — неперечёркнутый ноль. Версия с поправленным нулём здесь — прим. пер.
Droid Sans Mono
3. Deja Vu Sans Mono
Семейство Deja Vu — одна из моих любимых бесплатных гарнитур, основанная на великолепном Vera Font. Шрифты Deja Vu дополнены широким набором символов, сохранив при этом знакомый вид Vera.
Эту гарнитуру я использовал много лет. Она отлично выглядит на любом размере с включенным сглаживанием.
Panic поставляет в комплекте со своим приложением Coda шрифт под названием Panic Sans, который основан на этом шрифте. Грубер сказал мне в письме, что при сравнении Panic Sans и Vera у первого «заметно более резкие знаки пунктуации», ну и похоже на то, что они ещё улучшили хинтинг некоторых символов.
Deja Vu Sans Mono
2. Consolas
Consolas неожиданно появился на моём маке, когда я установил Microsoft Office, а вместе с ним ещё целый комплект новых шрифтов от Microsoft.
Этот шрифт создал Лукас де Грут (Lucas de Groot) специально для Microsoft ClearType (здесь отличное описание с примерами всех новых шрифтов Microsoft). Consolas — коммерческий фонт, но он поставляется со многими продуктами Microsoft, и есть большая вероятность, что он уже установлен на вашей системе.
Вам настоятельно рекомендуется включить сглаживание для Consolas, потому что иначе он выглядит ужасно.
Очень жаль, что шрифт не бесплатный, иначе бы он заслуживал первого места в этом списке.
Consolas
1. Inconsolata
Inconsolata — мой любимый моноширинный шрифт, и он бесплатный. Когда я его обнаружил, то сразу заменил Deja Vu Sans Mono в качестве рабочего шрифта для программирования. Я использую его вообще повсюду, от окон консоли до редакторов кода. У него практически безупречный и в то же время оригинальный стиль, и он фантастически выглядит и на больших, и на маленьких размерах. Я использую эту гарнитуру, демонстрируя код на презентациях, и также в окнах консоли и TextMate для скринкастов PeepCode. Шрифт не поддерживает кириллицу — прим. пер.
Inconsolata разработан для использования со сглаживанием, но он удивительно чёткий на самых маленьких размерах. Большое спасибо Рафу Левину (Raph Levien) за создание этого шрифта и за то, что он бесплатный.
Inconsolata