Source Code Pro

Monospace coding-mono от Paul D. Hunt #59 на Google Fonts
Скачать Google Fonts
Насыщенность

О сайте Source Code Pro

Source Code Pro входит в шрифтовую систему Adobe Source и был создан Полом Д. Хантом как моноширинный компаньон к Source Sans — разделяющий его гуманистические пропорции, но с равномерной шириной символов, необходимой для отображения кода. Ось переменных начертаний, охватывающая восемь точек, является замечательным инженерным достижением для моноширинного шрифта, а широкая поддержка скриптов — включая кириллицу, греческий и вьетнамский — делает его одним из наиболее международно универсальных кодинговых шрифтов. Сочетание удобочитаемости, нейтральности и типографской утончённости сделало его популярным как в редакторах кода, так и в терминальных эмуляторах.

Таблица символов

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Предпросмотр в редакторе кода

example.js 
const fibonacci = (n) => {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
};

// Generate first 10 numbers
const results = Array.from(
  { length: 10 },
  (_, i) => fibonacci(i)
);

console.log(`Result: ${results.join(', ')}`);

Различение символов

Можете ли вы их различить? Хороший monospace font делает похожие символы легко различимыми.

Ноль vs O 0 O o
Единица vs l vs I 1 l I | !
Кавычки ' ' " " ` ´
Скобки ( ) [ ] { } < >
Пунктуация . , : ; .. ...

Каскад насыщенности (8)

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

Как использовать

<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;500;600;700;800;900;400&display=swap');
font-family: 'Source Code Pro', monospace;
brew install --cask font-source-code-pro

Подробности

Категория
Monospace
Стиль
coding-mono
Начертания
8
Курсив
✓
Корейский
✗
Дизайнер
Paul D. Hunt
Лицензия
OFL
Версия
Популярность
#59
Загрузки
374

Условия лицензии

Использование в вебеРазрешено
ПечатьРазрешено
Видео / ТрансляцияРазрешено
УпаковкаРазрешено
Встраивание в приложенияРазрешено
Бренд / ЛоготипРазрешено
МодификацияРазрешено

OFL — Бесплатно для личного и коммерческого использования

Поддержка языков

cyrillic cyrillic-ext greek greek-ext latin latin-ext vietnamese

Лучше всего для

code_editors technical_docs web_apps ui_elements presentations

Похожие шрифты

Сравнить

Концепции типографики

  • Monospace

    A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.

Статьи о Source Code Pro

Typography Fundamentals
Monospace Fonts: A Developer's Guide to Picking the Perfect Coding Font