Полная структура папок
Сгенерированные URL-адреса соответствуют включенному каталогу шрифтов.
Генератор веб-шрифтов
Упакуйте файлы шрифтов с готовым CSS и страницей предварительного просмотра HTML.
Файлы шрифтов
Имя семейства шрифтов CSS
Содержимое комплекта
Здесь отображаются выбранные шрифты.
В комплект входят файлы шрифтов, готовые для браузера, CSS @font-face, предварительный просмотр и примечания по настройке.
Частный по умолчаниюВаши входные данные и файлы обрабатываются на этом устройстве.
Бесплатно и мгновенноНикакой учетной записи, очереди или установки программного обеспечения не требуется.
Готов к использованиюСкопируйте или загрузите результаты сразу после их создания.
Как использовать Генератор веб-шрифтов
Получите надежный результат за три простых шага.
Выберите файлы шрифтов
Добавьте один или несколько лицензионных файлов шрифтов, совместимых с браузером.
Установите фамилию
Используйте имя CSS, которое должно появляться во всех таблицах стилей.
Скачать комплект
Получите ZIP-архив со шрифтами, CSS @font-face, предварительным HTML-кодом и примечаниями по настройке.
Создан для повседневной работы
Полезно без лишней работы
Целенаправленное управление, немедленная обратная связь и отсутствие каких-либо счетов между вами и результатом.
Несколько весов
Упакуйте семейство файлов шрифтов в один развертываемый комплект.
Страница предварительного просмотра
Откройте включенный HTML-файл, чтобы проверить загрузку и примеры глифов.
Практическое руководство
Что такое Генератор веб-шрифтов?
Набор веб-шрифтов объединяет файлы шрифтов, загружаемые в браузер, с CSS @font-face, в котором указывается семейство, исходный формат, стиль, вес и поведение при загрузке. Сохранение этих частей вместе предотвращает повреждение URL-адресов шрифтов во время развертывания.
Этот генератор упаковывает существующие файлы TTF, OTF, WOFF и WOFF2; он не изменяет контуры глифов и не создает преобразованные форматы. WOFF2 обычно является лучшим форматом доставки, если у вас уже есть лицензионная копия.
Практическое применение
Когда использовать этот инструмент
Распространенные способы Генератор веб-шрифтов вписывается в реальные проекты и повседневные задачи.
Самостоятельная типографика
Развертывайте фирменные шрифты, не полагаясь на стороннюю CDN.
Системы проектирования
Создайте согласованный стартовый пакет для команд разработки приложений.
Контроль качества шрифтов
Предварительный просмотр файлов и подтверждение конфигурации их семейства.
Оффлайн проекты
Ресурсы типа Bundle для локальных интерфейсов и документации.
Полезные ответы
Часто задаваемые вопросы
Быстрые ответы о генератор веб-шрифтов и как работает эта страница.
Преобразует ли это TTF в WOFF2?
Нет. Он упаковывает предоставленные вами файлы, совместимые с браузером, с CSS и предварительным просмотром.
Какой формат лучше всего подходит для веб-сайтов?
WOFF2 обычно предлагает лучшее современное веб-сжатие, а в зависимости от потребностей совместимости используются и другие форматы.
Могу ли я включить несколько весов?
Да. Файлам присваиваются прогрессивные значения веса в стартовом CSS, которые вы можете настроить в соответствии с фактическим семейством.
Может ли каждый шрифт размещаться самостоятельно?
Нет. Прежде чем распространять или встраивать шрифт, ознакомьтесь с лицензией шрифта.