Перейти к содержимому

◇ На вашем устройстве

Генератор 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, размытию, растяжению, цвету и непрозрачности.