Бесплатно, без регистрации

Инструмент сопряжения шрифтов

Compare heading and body fonts in a live sample. Начните с пар системных шрифтов или выберите файлы со своего устройства; ничего не загружается.

Системные шрифты различаются в зависимости от устройства. Выбранные файлы шрифтов остаются в этом браузере и используют его память; этот инструмент не может проверить их лицензию. Ни каталог шрифтов, ни внешний шрифт не загружаются.

Предварительный просмотр живого типа

Дизайн, который кажется ясным

Продуманное сочетание типов облегчает сканирование страницы. Настройте стили заголовка и тела, затем скопируйте CSS для своего проекта.

How do I preview a font pairing?

Выберите предустановку или выберите шрифт заголовка и основного текста, затем настройте размеры, толщину и высоту строки. Скопируйте сгенерированный CSS, когда образец будет выглядеть правильно.

Часто задаваемые вопросы

How do I preview a font pairing?

Выберите предустановку или выберите шрифт заголовка и основного текста, затем настройте размеры, толщину и высоту строки. Скопируйте сгенерированный CSS, когда образец будет выглядеть правильно.

Are my font files uploaded?

Нет. Выбранный вами файл шрифта загружается только в этот сеанс браузера. Очистите добавленные шрифты или перезагрузите страницу, чтобы освободить их.

Могу ли я использовать свои собственные файлы шрифтов?

Да. Выберите файлы WOFF, WOFF2, TTF или OTF на своем устройстве. Они загружаются только в этом сеансе браузера и не загружаются. Инструмент принимает до восьми файлов: 5 MB на каждый файл и общий лимит 15 MB.

Будет ли CSS выглядеть одинаково на всех устройствах?

Не всегда. Системные шрифты могут различаться в зависимости от операционной системы, и у другого посетителя может не быть выбранного вами шрифта. Для получения стабильных результатов ваш проект должен иметь действующую лицензию и сам шрифт; этот инструмент не размещает его.

Это проверяет лицензии на шрифты или загружает шрифты?

Нет. Во встроенных сочетаниях используются стеки системных шрифтов. Дополнительные файлы выбираются вами и остаются в браузере; проверьте лицензию поставщика шрифтов перед использованием шрифта в проекте.