Как сменить шрифт в css?

Question

Cianey @Cianey

HTML
CSS

Как сменить шрифт в css?

Подскажите как изменить шрифт? Пытался шрифт Lobster, и этот. В браузере в коде элемента пишет корректно, но показывает другой результат.

body {
background-color: black;
}

header {
    color: white;
}

@font-face {
    font-family: 'Rubik Doodle Shadow', system-ui;
    src: url(fonts/RubikDoodleShadow-Regular.woff2) format('woff2');
}

h1 {
font-family: 'Rubik Doodle Shadow', system-ui;
font-style: regular;
}

Вопрос задан 09 янв.
61 просмотр

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

3 комментария

Алексей Уколов @alexey-m-ukolov Куратор тега CSS

Разве это поможет? С путём же проблема, наверняка.

Написано 09 янв.

Cianey @Cianey Автор вопроса

Алексей Уколов,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PinkyDump</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
    <h1>PinkyDump</h1>
</header>
    
</body>
</html>

прикрепил код index.html

Написано 09 янв.

Алексей Уколов @alexey-m-ukolov Куратор тега CSS

А, конечно поможет, это же @font-face, там нельзя фолбэк указывать.

Написано 09 янв.

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 1 подписчик
- 4 часа назад
- 29 просмотров
2

ответа
CSS

Простой
Как сделать плавную анимацию изображения при наведении/убирании курсора мыши?
- 1 подписчик
- 10 часов назад
- 80 просмотров
2

ответа
CSS

Простой
Как сделать, чтобы блоки занимали половину доступной ширины, а последний нечётный — всю?
- 1 подписчик
- 13 часов назад
- 104 просмотра
4

ответа
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 77 просмотров
0

ответов
HTML

+3 ещё

Простой
Flask вывод изображения из базы данных?
- 1 подписчик
- вчера
- 68 просмотров
1

ответ
CSS

Простой
Как задать универсальный @keyframes для нескольких разных блоков, без скриптов?
- 1 подписчик
- вчера
- 70 просмотров
1

ответ
JavaScript

+4 ещё

Простой
Почему при загрузке страницы происходит быстрый скролл вниз, а затем вверх?
- 1 подписчик
- вчера
- 85 просмотров
1

ответ
CSS

Простой
Как в CSS повернуть горизонтальный сайт на 90° чтобы на смартофне можно было горизонтально смотреть?
- 4 подписчика
- вчера
- 1035 просмотров
2

ответа
JavaScript

+3 ещё

Средний
Swiper js, как сделать чтобы при фокусе по табу на ссылке внутри слайда не исчезала пагинация?
- 1 подписчик
- 30 апр.
- 45 просмотров
0

ответов
CSS

Простой
Как применить свойство к псевдоэлементу?
- 3 подписчика
- 29 апр.
- 230 просмотров
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

HTML+Javascript траблшутинг

02 мая 2024, в 03:17

2000 руб./в час

Нужна презентация и опросник на новую фичу для ресторанов

02 мая 2024, в 01:05

8000 руб./за проект

Поменять пароль root пользователя mysql

01 мая 2024, в 23:44

1000 руб./за проект

Answer 1 · 2024-01-09 14:08:18

Rsa97 @Rsa97

Для правильного вопроса надо знать половину ответа

@font-face {
-    font-family: 'Rubik Doodle Shadow', system-ui;
+    font-family: 'Rubik Doodle Shadow';
    src: url(fonts/RubikDoodleShadow-Regular.woff2) format('woff2');
}

Ответ написан 09 янв.

3 комментария

Как сменить шрифт в css?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт