Съчетаване на шрифтове и директория на Google Fonts
Разгледайте подбрана директория с популярни Google Fonts с визуализации в реално време, филтрирайте по категория и търсете по име, после копирайте готов за поставяне CSS и разгледайте предложени съчетания на шрифтове — всичко в браузъра ви.
Всичко работи в браузъра ви — шрифтовете се зареждат от Google Fonts само за преглед в реално време, нищо не се качва, без регистрация, напълно безплатно.
Заглавие, зададено с display шрифта
А ето параграф основен текст, зададен със съчетания текстов шрифт. Добрите съчетания на шрифтове балансират характер и четимост: характерният шрифт за заглавия привлича погледа, докато чистият, удобен шрифт за основния текст поддържа дългите пасажи лесни за четене. Кликнете „CSS“, за да копирате двата @import реда и font-family правилата за вашите заглавия и основен текст.
За Съчетаване на шрифтове и директория на Google Fonts
Тази директория с шрифтове събира 80 популярни Google Fonts на една търсима страница, всеки изобразен като жив образец с пример-панграма, ред с азбука и цифри и значка за категория. Тя покрива пет семейства шрифтове — sans-serif, serif, display, ръкописни и monospace, — така че можете да сравнявате реални форми на буквите, вместо да гадаете по имена.
Всяка карта на шрифт включва подбрани предложения за съчетаване: партньорски шрифтове, които работят добре заедно за заглавия и основен текст. Кликването върху чип за двойка отваря преглед, който задава заглавие в единия шрифт и абзац в другия, така че можете да прецените комбинацията в контекст, преди да се ангажирате с нея.
Когато шрифт или двойка пасне, едно кликване копира готов за поставяне CSS — ред @import за стиловия файл на Google Fonts плюс съответния стек font-family с разумен резервен вариант. Шрифтовете се зареждат от Google Fonts само за живите прегледи; нищо, което въвеждате, не се качва никъде.
Как да използвате Съчетаване на шрифтове и директория на Google Fonts
- Разгледайте картите на шрифтовете, всяка показваща името си, значка за категория и жив пример текст, изписан в действителния шрифт.
- Използвайте полето за търсене, за да намерите шрифт по име, или кликнете чип за категория (Sans-serif, Serif, Display, Handwriting, Monospace), за да филтрирате решетката.
- Плъзнете плъзгача за размер (16–72 px), за да прегледате примерния ред при целевия ви размер за заглавие или основен текст.
- Кликнете чип "Pairs with" (Съчетава се с) или бутона "Preview pairing" (Преглед на съчетанието), за да видите заглавие и абзац от основен текст, зададени в предложената комбинация.
- Кликнете бутона "CSS" на карта или в прегледа на съчетанието, за да копирате реда @import и декларациите font-family в клипборда си.