Перейти до вмісту

◇ На вашому пристрої

Генератор CSS @font-face

Створює перевірюваний блок @font-face з URL шрифту та явних CSS-налаштувань.

Як користуватися

Введіть URL шрифту або відносний шлях.
Задайте сімейство, формат, вагу, стиль і font-display.
Створіть CSS і перевірте його на цільовому сайті.

Пов’язані інструменти

Генератор CSS border-radius

Створіть скорочений запис CSS border-radius за одним–чотирма значеннями в пікселях.

Генератор CSS-градієнта

Створіть перевірену декларацію CSS linear-gradient за кутом і 2–8 кольорами у форматі hex.

Генератор CSS box-shadow

Створіть перевірену декларацію CSS box-shadow за зміщенням X/Y, розмиттям, розширенням, кольором і непрозорістю.