Google Font Picker Free

Browse, preview and select from 100+ Google Fonts. Generate CSS import code for your projects instantly.

10М+Файлов Конвертировано
100%Бесплатно Навсегда
256-битныйБезопасное Шифрование

Функции выбора шрифта

Найдите идеальный шрифт для вашего проекта.

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

Поиск шрифтов

Искать по названию шрифта, чтобы быстро найти нужный шрифт.

Фильтры по категориям

Фильтруйте по шрифтам с засечками, без засечек, дисплею, ручным или моноширинным.

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

Введите свой текст и отрегулируйте размер шрифта, чтобы мгновенно просмотреть любой шрифт.

Вывод CSS

Генерация CSS

Generate ready-to-use CSS @import statements for selected fonts.

Код импорта CSS

Get the @import URL to add any font to your CSS stylesheet.

Копировать одним кликом

Копируйте URL-адреса импорта и CSS в буфер обмена одним щелчком.

Сценарии использования

Веб-разработка

Найдите и интегрируйте шрифты в ваши веб-сайты и веб-приложения.

Дизайнерские проекты

Откройте для себя шрифты для презентаций, графики и брендинга.

Бесплатные шрифты

All Google Fonts are free and open source.

Идентичность бренда

Найдите идеальное сочетание шрифтов для вашего бренда.

Как Конвертировать Файлы

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

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

Эти шрифты бесплатны для использования?

Yes. All fonts shown are from Google Fonts and are free under open licenses.

Их можно использовать в личных и коммерческих проектах.

All fonts are free and open source from Google Fonts.

Do I need a Google API key?

No. Fonts are loaded using the Google Fonts CSS API which requires no API key.

Simply copy the @import URL and add it to your stylesheet.

Затем используйте названия шрифтов в ваших правилах CSS.

Как добавить шрифт на мой сайт?

Copy the @import line and paste it at the top of your CSS file.

Затем используйте font-family: 'Название шрифта', fallback; в ваших правилах CSS.

Лицензионные сборы или атрибуции не требуются.

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

Да. Нажмите Использовать этот шрифт для нескольких шрифтов, затем нажмите Сгенерировать CSS.

The generated code will include @import lines for all selected fonts.

Fonts are loaded from Google Fonts CDN for accurate preview.

Как мне просмотреть с моим собственным текстом?

Нажмите на текст предварительного просмотра в любой карточке шрифта, чтобы отредактировать его.

Размер шрифта также можно отрегулировать с помощью ползунка.

Вы также можете фильтровать по категориям, используя кнопки фильтра.

Какие категории шрифтов доступны?

С засечками, без засечек, дисплейные, рукописные и моноширинные.

Нажмите кнопку категории, чтобы отфильтровать список шрифтов.

Generate CSS will include all selected fonts in one @import statement.

Сколько шрифтов доступно?

100 curated Google Fonts are included covering all major categories.

These are the most popular and widely used fonts from Google Fonts.

Комбинируйте сортировку с фильтрами категорий, чтобы найти идеальный шрифт.

Do the fonts load from Google servers?

Да. CSS шрифтов загружается с fonts.googleapis.com, когда вы предварительно просматриваете шрифт.

The fonts themselves are served by Google's global CDN.

Тем не менее, сгенерированный CSS код можно сохранить для оффлайн-использования.

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

For offline use, download the font files directly from Google Fonts.

Host them locally and use @font-face rules instead of @import.

Всегда предоставляйте запасной системный шрифт для использования в электронной почте.

Этот инструмент бесплатен?

Да, совершенно бесплатно, без регистрации.

Просматривайте и генерируйте CSS для столько шрифтов, сколько вам нужно.

Нет ограничений по использованию или ограничения.