Как сменить шрифт в 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; } |
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; }
Дополнительно:
@font-face { - font-family: 'Rubik Doodle Shadow', system-ui; + font-family: 'Rubik Doodle Shadow'; src: url(fonts/RubikDoodleShadow-Regular.woff2) format('woff2'); } |
@font-face { - font-family: 'Rubik Doodle Shadow', system-ui; + font-family: 'Rubik Doodle Shadow'; src: url(fonts/RubikDoodleShadow-Regular.woff2) format('woff2'); }
- Разве это поможет? С путём же проблема, наверняка.
- Алексей Уколов,
<!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>
<!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
- А, конечно поможет, это же @font-face, там нельзя фолбэк указывать.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для изменения шрифта текста с помощью CSS, вы можете использовать свойство font-family. Это свойство определяет шрифт, который будет использоваться для отображения текста на веб-странице.
Пример использования:
body { font-family: Arial, sans-serif; }
В приведенном примере мы установили шрифт текста для всего документа body на Arial, с заменой на sans-serif в случае, если шрифт Arial недоступен на устройстве пользователя.
Если вы хотите применить другой шрифт, вам нужно указать его название в значении font-family. Например, если у вас есть шрифт Roboto, вы можете использовать его следующим образом:
body { font-family: 'Roboto', sans-serif; }
Если у вас есть несколько шрифтов, которые вы хотите использовать в порядке приоритета, вы можете указать их через запятую. Браузер будет использовать первый доступный шрифт из списка.
Также можно использовать общие категории шрифтов, такие как serif (засечный), sans-serif (без засечек), monospace (моноширинный) и cursive (курсивный).
body { font-family: serif; }
Нужно помнить, что для использования нестандартных шрифтов на вашем сайте вам нужно загрузить шрифт с помощью @font-face или подключить его через внешний источник, такой как Google Fonts.
Надеюсь, это поможет вам изменить шрифт на вашем веб-сайте с помощью CSS! Если у вас есть дополнительные вопросы, не стесняйтесь задавать.