font-weight:700 или font-weight:bold, какой из них мы должны следовать в CSS?
Я видел несколько сайтов, которые упоминаются в CSS - font-weight: 700 или же font-weight: bold, Но оба результата одинаковы. Какой из них правильный и как мы должны следовать? Пожалуйста, предложите мне.
5 ответов
font-weight в цифрах лучше, чем жирный шрифт по умолчанию, потому что в цифрах вы можете настроить жирность в соответствии с вашими требованиями к дизайну.
Проверьте это http://www.w3.org/wiki/CSS/Properties/font-weight
Вы можете найти полную разбивку всех допустимых значений для font-weight в спецификации модуля уровня 3 шрифтов CSS. В разделе 3.2 (свойство font-weight) мы находим следующий список:
- 100 - тонкий
- 200 - Extra Light (Ультра Лайт)
- 300 - свет
- 400 - нормальный
- 500 - средний
- 600 - Полужирный (Demi Bold)
- 700 - жирный
- 800 - экстра жирный (ультра жирный)
- 900 - черный (тяжелый)
Вы, вероятно, заметили, что 700 "смелый". Так или иначе, вы получите те же результаты. (Единственный другой, который соответствует числу, является "нормальным" - 400.)
Полный список:
normal - То же, что и "400"bold - То же, что и "700"bolder - определяет более смелый вес, чем унаследованное значениеlighter - определяет меньший вес, чем унаследованное значение
Там нет реальной разницы. Это больше о том, к чему вы и ваша команда привыкли.
Мой основной ответ такой же, как уже дважды, но с правильной ссылкой:
Они являются синонимами по определению, согласно спецификации CSS 2.1, п. 15.6. Это официальная спецификация.
Ключевое слово "нормальный" является синонимом "400", а "жирный" - синонимом "700".
Слово bold делает код более читабельным, чем число 700, который не имеет интуитивного значения. Число может быть более подходящим для удобства чтения в ситуациях, когда вы задаете вес шрифта с помощью чисел, чтобы получить веса, для которых нет ключевых слов. Такие ситуации редки, отчасти потому, что вес шрифта, отличный от 400 а также 700 не поддерживаются для большинства шрифтов.
Функционально они равны, но по стилю я бы сказал, выбрал один из методов и был бы согласен с ним: либо вы используете только ключевые слова, либо только числовые идентификаторы. Это облегчает понимание кода CSS.
Поскольку шрифты имеют гораздо более широкий спектр весов, чем только regular а также boldнапример, дополнительный свет, светлый, книга, средний, полужирный, черный, дополнительный черный, при использовании пользовательских шрифтов обычно невозможно не использовать числовые идентификаторы. В этих ситуациях я думаю, что лучше избегать использования regular а также bold вообще, используя 400 а также 700 вместо. Это является более последовательным и упрощает понимание CSS - даже неопытный разработчик может легко понять, что 400 тоньше, чем 500, но он может не знать, кто из них худее, когда видит regular а также 500,
Если у вас есть ситуация, где вы используете только веса regular а также boldтогда вполне разумно и более читабельно использовать ключевые слова вместо числовых идентификаторов. Но на моей работе таких ситуаций почти не бывает вообще.
В определенных браузерах на Windows (IE, FF), делая font-weight:800 не будет работать с различными шрифтами UTF-8. Использование font-weight: bold или же font-weight: bolder..
Я выяснил это нелегко, когда продюсировал что-то для BBC киргизов.