Font css weight bold: HTML DOM Style fontWeight Property

Leave a Comment / Css / By /

twitter bootstrap — изменить значение CSS свойства «полужирный шрифт»

Задавать вопрос

спросил

Изменено 9 лет, 5 месяцев назад

Просмотрено 22к раз

Вопрос довольно простой.

Я использую Bootstrap, где все выделенные жирным шрифтом элементы CSS преобразованы в

 тег {
  вес шрифта: полужирный;
}

, но я использую Open Sans (как и многие люди), где font-weight: 400 недостаточно, а font-weight: 700 намного лучше.

Есть ли способ сообщить CSS, что жирный = 700 , а не 400 (я считаю, что это значение по умолчанию)?

=====

РЕДАКТИРОВАТЬ

Должно быть, я неясно выразился.

В CSS только

, без изменения исходников Bootstrap, есть много мест (весь список здесь), где bootstrap говорит (например)

 h6 {
  вес шрифта: полужирный
}

Я хочу, чтобы веб-браузер понимал, что в этом случае жирный шрифт должен быть эквивалентен font-weight: 700 вместо font-weight: 400 по умолчанию без перезаписи всех правил (например. )

 h6 {
  вес шрифта: 700
}

Ответ может заключаться в том, что в настоящее время это невозможно, но Google еще не дал мне никакого ответа.

  • css
  • твиттер-бутстрап

3

, если вы используете тег strong .

 сильный {
    вес шрифта: 700;
}

или если вы выделяете элементы жирным шрифтом, используя font-weight:bold , почему бы и нет

 elem {
    вес шрифта: 700;
}

Примечание. Как указал @Pavlo, полужирный шрифт эквивалентен 700.

1

Если вы используете Open Sans, я предполагаю, что вы используете @fontface — не рекомендуется устанавливать вес шрифта с помощью свойства font-weight при использовании @fontface , если только не из чего-то вроде Typekit. Если вы размещаете свои собственные шрифты, я думаю, добавление font-weight попытается добавить вес шрифту, который имеет только один вес.

Открытый гротеск, который я часто использую, и я знаю, что он бывает нескольких начертаний, каждый из которых вы указываете в своем стиле отдельно и называете в зависимости от того, что вам нужно. Таким образом, вы бы просто ссылались на opensans-bold или любой другой вес, который вы хотите.

Однако, используя шрифты из Google и т. д., я думаю, что вес шрифта работает.

Хорошая статья здесь

1

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Вес шрифта | CSS | Основы кода

В курсе HTML тег

имел ту же роль, что и свойство font-weight в CSS, а именно, конечно же, для управления весом шрифта. Свойство является более гибким, чем стандартные стили тега , так как его можно не только сделать толще, но и тоньше.

Есть два особенно распространенных значения свойства font-weight :

  1. жирный — более толстый шрифт. Текст будет выглядеть так же, как если бы вы использовали или тег.
  2. обычный — значение по умолчанию. Это полезно, если весь текст имеет нестандартный вес шрифта, но раздел должен иметь стандартный вес
    3. .
 
Текст жирным шрифтом

 
 .жирный {
  вес шрифта: полужирный;
}

Текст, выделенный жирным шрифтом

Но это не все значения, которые может принимать свойство. Помимо

жирных и обычных описаний, есть еще и числовые:

  • 100
  • 200
  • 300
  • 400 — соответствует значению нормальный
  • 500
  • 600
  • 700 — соответствует значению жирный
  • 800
  • 900

Хотя числовых значений много, здесь все зависит от начертаний шрифта, а точнее от того, есть ли в нем символы для каждого вида начертания шрифта. Большинство шрифтов поддерживают только нормальный и полужирный значения, и если указано иное, браузер выберет, какой вес заменить. Чаще всего все значения выше 500 будут интерпретироваться как жирный

Инструкции

Добавьте абзац в редактор с классом, установленным на , весом и установите жирность на жирный . Добавьте стили в тег