Geist начинался как моноширинный шрифт для разработчиков, созданный для редакторов и терминалов, где они проводят свой рабочий день. Затем он вырос в Geist Sans для интерфейсов продуктов, а после — в Geist Pixel, вдохновленный сетками экранов ранних компьютеров.
Сегодня мы добавляем нового участника в семейство: Geist Serif.
Geist Serif — это контрастная антиква для заголовков, созданная на тех же принципах, что и Geist Sans, Geist Mono и Geist Pixel. У нее изящные пилообразные засечки и тончайшие волосные линии. Шрифт был разработан для мощной передачи сообщений как в физическом мире, так и на экранах с высоким разрешением современных устройств.
Скопировать ссылку на заголовокТа же система, новый голос
В Vercel интерфейс работает на Geist Sans. Однако для заголовков нам нужен был второй голос — тот, что принадлежит к той же системе, а не случайный гость из выпадающего списка.
Многие технологические бренды отошли от чистых гротесков, чтобы вернуть индивидуальность, и многие из них заимствуют элементы из винтажной компьютерной рекламы. Geist Serif идет по другому пути: к моде, редакционному дизайну и журнальным заголовкам. Это наша дань уважения художникам, стоящим за Rolling Stone и Harper's Bazaar.
С самого начала каждое семейство Geist раскрывало определенную главу истории шрифтов: швейцарское движение в дизайне, ранние терминалы и DOS-вычисления, а теперь — печатную периодику.
Скопировать ссылку на заголовокСначала для заголовков
Geist Serif начался с набора эскизов от Evil Rabbit, которые затем расширил Андрес Бриганти (Andrés Briganti). Первые буквы уже демонстрировали выразительную антикву в духе таких шрифтов, как Victor Serif и Stanley.
Когда Марк Дэвис (Mark Davis) продолжил работу над рисунками, мы решили выпустить первую версию в качестве шрифта для заголовков, плакатов и других крупных кеглей, в то время как работа над полным семейством продолжалась. Печать всегда испытывала трудности с воспроизведением тонких волосных линий и острых засечек, но современные дисплеи способны справиться с высоким уровнем детализации. Мы хотели, чтобы новый шрифт задействовал все преимущества современных экранов, поэтому мы уменьшили толщину каждого спускающегося штриха на 50% и сократили апроши, чтобы довести контраст до предела.
Каждая засечка имеет клиновидную форму с одной стороны и изогнутую — с другой, поэтому пропорции выглядят классическими и прекрасно смотрятся в печати, однако сама конструкция является новой и оптимизирована для цифровых устройств.
Мы создали то, что могло быть создано только для сегодняшнего дня. Не слишком угловато для экранов десятилетней давности, без механических компромиссов ради физической краски. Просто засечки в идеальных точках. Марк Дэвис, основатель и шрифтовой дизайнер в WORDMARK
Мы создали то, что могло быть создано только для сегодняшнего дня. Не слишком угловато для экранов десятилетней давности, без механических компромиссов ради физической краски. Просто засечки в идеальных точках.
Марк Дэвис, основатель и шрифтовой дизайнер в WORDMARK
Скопировать ссылку на заголовокОт первого прототипа до сегодняшнего дня
Первый прототип Geist Serif был представлен 1 апреля 2026 года. Вот то же слово, Geist, в этом прототипе по сравнению с макетом для заголовков, выпускаемым сегодня.
Скопировать ссылку на заголовокGeist обзавелся зубами
Целью было почтить наш первоначальный замысел и сохранить тесную связь антиквы с гротеском, даже когда буквы располагаются поверх друг друга. Штрихи Geist Serif соответствуют Geist Sans, а оба шрифта имеют одинаковую ширину и пропорции.
Пилообразные засечки и высокий контраст придают шрифту Geist редакционный голос. В процессе прорисовки каждого символа постоянно повторялась одна фраза: «Geist обзавелся зубами».
Скопировать ссылку på заголовокЧетыре семейства, одна высота x
Geist Serif использует ту же высоту заглавных букв и высоту x, что и Geist Sans, поэтому вы можете внедрить его в любой макет Geist, не сдвигая ни единой строки. Смешивайте Sans, Mono, Pixel и Serif в одном предложении, и каждое слово будет выглядеть одинакового размера.
Метрика
Geist Sans
Geist Serif
UPM
1000
1000
Высота прописных
710
710
Высота x
530
530
Выносной элемент верхнего регистра
710
750
Выносной элемент нижнего регистра
-150
-200
Скопировать ссылку на заголовокЧетыре варианта, одна ось
Как и Geist Pixel, Geist Serif имеет вариативную ось, которая меняет форму каждой точки в шрифте, включая точки над i и j, а также в знаках препинания. Эта ось называется Element Shape (ELSH) и предлагает четыре варианта: Regular с круглыми точками (по умолчанию), Square (квадратные), Triangle (треугольные — кивок в сторону логотипа Vercel) и Heart (в форме сердечек).
Каждый вариант также поставляется в виде отдельного статического файла. Если вы используете вариативный шрифт, выберите вариант с помощью font-variation-settings:
Скопировать ссылку на заголовокСоздано вручную
В июле шрифт насчитывал 227 глифов. Теперь их 894, он поддерживает 352 языка на основе латиницы, и мы проработали более 52 000 пар кернинга для достижения идеального интервального расстояния. Некоторые детали крошечны. Например, глазок буквы g наклонен ровно на 7°.
Скопировать ссылку на заголовокХарактеристики с первого взгляда
Geist Serif поставляется со следующими параметрами:
- 1 начертание (Regular)
1 начертание (Regular)
- 4 варианта (Regular, Square, Triangle, Heart)
4 варианта (Regular, Square, Triangle, Heart)
- 894 глифа
894 глифа
- 5 стилистических наборов (от ss01 до ss05)
5 стилистических наборов (от ss01 до ss05)
- 352 поддерживаемых языка
352 поддерживаемых языка
Скопировать ссылку на заголовокНачало работы
Geist Serif поставляется в том же пакете, что и остальная часть семейств:
терминал
npm i geist
Экспорты и CSS-переменные:
- GeistSerif (вариативный, все формы): --font-geist-serif
GeistSerif (вариативный, все формы): --font-geist-serif
- GeistSerifRegular: --font-geist-serif-regular
GeistSerifRegular: --font-geist-serif-regular
- GeistSerifSquare: --font-geist-serif-square
GeistSerifSquare: --font-geist-serif-square
- GeistSerifTriangle: --font-geist-serif-triangle
GeistSerifTriangle: --font-geist-serif-triangle
- GeistSerifHeart: --font-geist-serif-heart
GeistSerifHeart: --font-geist-serif-heart
У каждого своя точка входа, поэтому вы подключаете только тот файл шрифта, который используете. Например, в файле layout.tsx с GeistSerifRegular:
import { GeistSerifRegular } from 'geist/font/serif/regular';
export default function RootLayout({ children }) {
return (
<html lang="en" className={GeistSerifRegular.variable}>
<body>{children}</body>
</html>
Вы также можете скачать файлы шрифтов, протестировать каждый стилистический набор и изучить каждый глиф на сайте vercel.com/font.
Скопировать ссылку на заголовокЧто дальше
Regular — это первый стиль, который мы выпускаем, а работа над остальной частью семейства уже идет полным ходом. Мы тестируем будущие версии в процессе создания этой, поэтому данный релиз — это только начало.
Скопировать ссылку на заголовокНачертания от Thin до Black
Вариативный шрифт будет варьироваться от Thin (100) до Black (900). В тестовых распечатках этой недели буква g в начертании Black — это то, на что мы не можем перестать смотреть.
Скопировать ссылку на заголовокНа пути к текстовому шрифту
Чтобы исследовать текстовую версию, мы создали инструмент литейной мастерской, который измеряет штрихи (включая места их соединения) и утолщает контуры дисплейной версии. Он редактирует контуры напрямую, поэтому мы можем набирать реальные слова и видеть, каким штрихам требуется больше веса.
Скопировать ссылку на заголовокКурсив, созданный по правилам
Мы также разрабатываем курсив, созданный полностью на Python. Мы наклонили существующие прямые начертания обратно вертикально и сравнили их с их римскими оригиналами. При удалении угла оставшиеся различия становятся отчетливо видны, и мы превратили их в правила, которые можем тестировать и дорабатывать. Этот курсив не будет финальной версией, но разбивка глифов с помощью кода помогает нам быстрее находить пределы.
Скопировать ссылку на заголовокДругие письменности и Google Fonts
Поддержка кириллицы запланирована в том же объеме, что и для Geist Sans и Geist Mono, а Geist Serif появится в Google Fonts после запуска.
Скопировать ссылку на заголовокOne family
Благодаря Geist Sans, Geist Mono, Geist Pixel, а теперь и Geist Serif, семейство шрифтов охватывает все: от текстов пользовательского интерфейса и кода до выразительных акцидентных шрифтов, и все четыре прекрасно сочетаются друг с другом.
Загрузите Geist Serif и начните создавать.
Спасибо всем, кто сделал появление Geist Serif возможным.
Ничего из этого не было бы возможным без невероятной группы людей, работавших за кулисами.
Огромное спасибо Андресу Бриганти (Andrés Briganti) за то, что он начал этот путь со мной и нарисовал первую версию, из которой выросло все остальное, и Марку Дэвису (Mark Davis) за то, что он довел проект до финала с одержимым мастерством — от расширенного набора глифов и вариативной оси до каждой последней пары кернинга. Также спасибо Патрику Макдональду (Patrick McDonald) и Маряне Павлинич (Marijana Pavlinić) за дизайн плакатов, Луису Гутьерресу Рико (Luis Gutierrez Rico) за анимацию и невероятную магию, Кристоферу Киндлу (Christopher Kindl) за выпуск пакета и переработку лендинга до мельчайших деталей, а также Захре Джабини (Zahra Jabini) за координацию и техническую поддержку, которые объединили все воедино. Это была настоящая командная работа, и я очень рад создавать этот проект вместе со всеми вами.

![Каковы новейшие функции продуктов Hootsuite? [Сентябрь 2026]](/_next/image?url=%2Fapi%2Fuploads%2Farticles%2F4bdf776c077043f8693820e5927b7f46.webp&w=3840&q=75)










