Google Font Picker Free
Browse, preview and select from 100+ Google Fonts. Generate CSS import code for your projects instantly.
Функции выбора шрифта
Найдите идеальный шрифт для вашего проекта.
Просмотр и предварительный просмотр
Искать по названию шрифта, чтобы быстро найти нужный шрифт.
Фильтруйте по шрифтам с засечками, без засечек, дисплею, ручным или моноширинным.
Введите свой текст и отрегулируйте размер шрифта, чтобы мгновенно просмотреть любой шрифт.
Вывод CSS
Generate ready-to-use CSS @import statements for selected fonts.
Get the @import URL to add any font to your CSS stylesheet.
Копируйте URL-адреса импорта и CSS в буфер обмена одним щелчком.
Сценарии использования
Найдите и интегрируйте шрифты в ваши веб-сайты и веб-приложения.
Откройте для себя шрифты для презентаций, графики и брендинга.
All Google Fonts are free and open source.
Найдите идеальное сочетание шрифтов для вашего бренда.
Как использовать выбор шрифта
Просмотрите список шрифтов, нажмите Использовать этот шрифт, чтобы выбрать его, затем нажмите Сгенерировать CSS, чтобы получить код импорта для вашего проекта.
Часто задаваемые вопросы
Эти шрифты бесплатны для использования?
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 для столько шрифтов, сколько вам нужно.
Нет ограничений по использованию или ограничения.