Почему Firefox не наследует font-weight для h1?

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

Чтобы тег h1 наследовал от body значение font-weight приходится дописывать ему значение inherit. В других браузерах такой проблемы нет, они автоматически наследуют. И в догонку вопрос, может кто знает, firefox что придумывает свои стили для font-weight у шрифтов? Был подключен только regular, а он рисует и 400 и 600.

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

браузеры не рисуют, а дорисовывают, при чем все, вроде

  • Одиночка Айс, да вот не все, в хроме и яндексе только fw:400 показывает. Firefox же 600 "дорисовывает"
  • А подробнее с кодом и скришнотами?
  • Overlord934, Во всех браузерах у заголовков по умолчанию 700.

    Если по какой-то причину на вашем сайте 400, а в ФФ вообще 600, то вы нам рассказали не всё о происходящем.
    Или есть какие-то дополнительные стили или неверно подключены шрифты или в шрифте отсутствует нужная жирность и т.д.
    Сделайте песочницу на codepen.io, которая иллюстрирует проблему или покажите сайт.

  • Пруфы?
    Вот я подключил Montserrat regular с гугл фонтс и у меня все браузеры пытаются сделать fake bold

    snippet

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

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

    Заказать помощь
    Лучший ответ
    1
    Андрей PHP Ответ

    Проблема, с которой вы столкнулись, связана с особенностями браузера Firefox в отношении наследования свойств CSS. В отличие от других браузеров, Firefox не наследует свойство font-weight для элемента h1 по умолчанию.

    Чтобы решить эту проблему, вам нужно явно указать значение font-weight для элемента h1 в CSS. Например, вы можете добавить следующий код в свой CSS файл:

    h1 {
      font-weight: inherit;
    }

    h1 { font-weight: inherit; }

    Этот код позволит элементу h1 наследовать свойство font-weight от его родительского элемента. Однако, если вам нужно явно задать конкретное значение font-weight для элемента h1, вы можете сделать это следующим образом:

    h1 {
      font-weight: bold;
    }

    h1 { font-weight: bold; }

    Таким образом, вы сможете установить желаемое значение font-weight для элемента h1 в Firefox и обеспечить соответствие отображения текста на всех браузерах.

    Надеюсь, это решение поможет вам справиться с проблемой отсутствия наследования свойства font-weight для элемента h1 в браузере Firefox. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.

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

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

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

    комментарий

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

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