Не ставится тот шрифт который нужен в css?

Ссылка скопирована
12 апреля 2026 1 ответ

Есть тег h6 и к нему id со стилями

#h6_main {   font-family: 'Bebas Neue', sans-serif;   font-size: 3vw;   line-height: 5vw;   font-weight: 600;   letter-spacing: 1px;   text-align: left;   white-space: nowrap;   width: 93%;   padding: 4% 0;   min-block-size: 1vw;   color: #ffffff; }

#h6_main { font-family: 'Bebas Neue', sans-serif; font-size: 3vw; line-height: 5vw; font-weight: 600; letter-spacing: 1px; text-align: left; white-space: nowrap; width: 93%; padding: 4% 0; min-block-size: 1vw; color: #ffffff; }

Но
font-family: 'Bebas Neue', sans-serif; не работает как надо. В Google fonts он выглядит совсем иначе, нежели как на моем сайте. Как сделать его таким же как и в google fonts?

Дополнительно:

как подключали шрифт?

  • Владислав Лысков, перепробовал через import через link даже все сразу подключал и без всего этого пробывал ничего не подошло
  • как минимум у шрифта Bebas Neue нет варианта для font-weight равного 600
  • Поставил font-weight: 300 но русские буквы не меняются, как исправить?

    Ларчик просто открывался...
    В этом шрифте нет русских символов и они отображаются первым доступным шрифтом в вашей системе.

    Не ставится тот шрифт который нужен в css?

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Виктор Sys Ответ

    Для того чтобы установить нужный шрифт в CSS, следует использовать свойство font-family. Это свойство позволяет задать один или несколько шрифтов для текста на веб-странице. Если браузер не может отобразить первый указанный шрифт, он попытается использовать следующий в списке.

    Пример использования font-family в CSS:

    body {
      font-family: Arial, sans-serif;
    }

    body { font-family: Arial, sans-serif; }

    В данном примере устанавливается шрифт Arial для текста на странице. Если браузер не может отобразить Arial, будет использован шрифт sans-serif, который является общим шрифтом без засечек.

    Если вам нужно использовать нестандартный шрифт, например, собственный шрифт, сначала убедитесь, что он подключен к вашему проекту. Затем вы можете указать его в CSS, как показано ниже:

    @font-face {
      font-family: 'CustomFont';
      src: url('путь_к_шрифту/CustomFont.ttf') format('truetype');
    }
     
    body {
      font-family: 'CustomFont', Arial, sans-serif;
    }

    @font-face { font-family: 'CustomFont'; src: url('путь_к_шрифту/CustomFont.ttf') format('truetype'); } body { font-family: 'CustomFont', Arial, sans-serif; }

    В этом примере мы подключаем нестандартный шрифт CustomFont.ttf и применяем его к тексту на странице. Если шрифт не может быть загружен, браузер будет использовать Arial или sans-serif в качестве запасного варианта.

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

    Если после применения указанных выше методов шрифт все равно не отображается корректно, возможно проблема кроется в другом месте вашего кода. Проверьте другие стили CSS, возможно они перекрывают заданный шрифт, или есть другие конфликты в коде, которые могут влиять на отображение текста.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно