TToolHub
🏋️

Просмотр начертаний шрифта

Посмотрите все начертания шрифта (font-weight) от 100 до 900 на одном экране и выберите нужную жирность. Бесплатно, онлайн, прямо в браузере.

100· Thin

The quick brown fox jumps over the lazy dog

200· Extra Light

The quick brown fox jumps over the lazy dog

300· Light

The quick brown fox jumps over the lazy dog

400· Regular

The quick brown fox jumps over the lazy dog

500· Medium

The quick brown fox jumps over the lazy dog

600· Semi Bold

The quick brown fox jumps over the lazy dog

700· Bold

The quick brown fox jumps over the lazy dog

800· Extra Bold

The quick brown fox jumps over the lazy dog

900· Black

The quick brown fox jumps over the lazy dog

Сгенерированный CSS
1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
2
3.text { font-family: 'Inter', sans-serif; }
Подсказка: Ctrl/Cmd+Enter для запуска, Esc для перезапуска.Ctrl+Enter·Esc

Об этом инструменте

Просмотр начертаний шрифта — творческий инструмент для дизайнеров, работающий прямо в браузере. Получите мгновенный предпросмотр, настройте по своему вкусу и экспортируйте в проект.

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

Распространённые сценарии: тестировать стили перед применением в реальных CSS-файлах, быстро создавать визуальные прототипы для дизайнеров и клиентов, экспортировать переиспользуемые design-токены для дизайн-системы, наглядно доносить концепции дизайна. Будь вы студент, специалист или просто человек, которому нужен быстрый инструмент, Просмотр начертаний шрифта позволяет выполнить задачу за секунды.

Конфиденциальность заложена с самого начала. Поскольку вся обработка происходит в браузере (на стороне клиента), ни одна система аналитики, рекламная сеть или бэкенд не видит, что вы вводите или генерируете. Откройте вкладку «Сеть» в браузере во время использования инструмента и вы сами убедитесь, что ни один внешний запрос с вашими данными не отправляется. Поэтому Просмотр начертаний шрифта также идеально подходит для конфиденциального контента (медицинского, юридического, финансового), который нельзя передавать третьим лицам.

Просмотр начертаний шрифта — часть ToolHub, бесплатной коллекции без рекламы из более чем 750 браузерных инструментов для PDF, изображений, текста, калькуляторов, разработчиков, дизайна, соцсетей, образования, бизнеса, здоровья и многого другого.

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

  1. 1Настройте параметры с помощью доступных элементов управления
  2. 2Просмотрите результат в режиме живого предпросмотра
  3. 3Доработайте до удовлетворительного результата
  4. 4Скопируйте код или скачайте результат

Основные возможности

  • Обработка на 100% на стороне клиента: ваши данные никогда не покидают браузер
  • Полностью бесплатно: без регистрации, без email и без оплаты
  • Работает на компьютере, планшете и смартфоне (области нажатия 44px)
  • Тёмная тема и 17 языков встроены
  • Мгновенная генерация: без ограничений по размеру файла

Советы профессионалов

  • Добавьте инструмент в закладки, чтобы в следующий раз открыть его одним кликом: все настройки сохраняются в localStorage.
  • Для повторного использования проверьте, что вы используете современный браузер с поддержкой CSS3 и SVG, чтобы инструмент работал на максимальной скорости.
  • Нашли ошибку или хотите новую функцию? Используйте форму обратной связи внизу страницы; мы читаем каждое предложение.

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

Просмотр начертаний шрифта — это бесплатно?
Да, полностью бесплатно. Без лимитов использования, без регистрации, без email и без скрытых платных тарифов за пейволлом.
Мои данные в безопасности и конфиденциальны?
Да. Вся обработка выполняется как JavaScript в вашем браузере. То, что вы вводите, результат и загруженные файлы никогда не покидают ваше устройство; откройте инспектор сети в браузере и вы увидите, что ни один внешний запрос с вашими данными не отправляется.
Какие форматы поддерживаются?
стандартный вывод в CSS, SVG и JSON: вставьте в любой проект.
Есть ли ограничение на размер файла или ввода?
Мгновенная генерация: без ограничений по размеру файла. Сам инструмент не накладывает искусственных ограничений.
Просмотр начертаний шрифта работает на смартфоне?
Да, инструмент полностью адаптивный с областями нажатия 44px, работает в iOS Safari и Android Chrome и поддерживает вертикальную и горизонтальную ориентацию.
Нажмите на звезду

Необязательно — только если хотите, чтобы мы ответили.

Похожие инструменты