Почему добавление font-weight: bold; отключает другие стили шрифтов?

#html #css #fonts

#HTML #css #шрифты

Вопрос:

В моей таблице стилей:

 .application_title {font-size: 3em; color: darkred; }
  

и это отлично работает. Но когда я добавляю font-weight:bold , т.е.

 .application_title {font-size: 3em; color: darkred; font-weight: bold; }
  

Я теряю другие эффекты.

Почему это может быть?

Комментарии:

1. Мне кажется, все в порядке: jsfiddle.net/dum5h

2. На моем Ubuntu FF 7 это работает отлично. Вы можете попробовать добавить точку с запятой после font-weight .

3. Можете ли вы восстановить / загрузить это где-нибудь?

4. Добавление только font-weight: bold не повлияет ни на одно из этих других свойств. Проблема должна быть в другом месте.

5. Работает в Chrome, FF и IE8 здесь: jsfiddle.net/KWVy6

Ответ №1:

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

Комментарии:

1. .. и какой шрифт вы используете?

2. ой. Я не проголосовал ни за какие ответы (на этот вопрос), есть проблема? Помните, что голоса против не являются личными, они сделаны, потому что ответ, на мой взгляд, неправильный или конструктивный. Некоторые из моих собственных старых ответов (до того, как я узнал больше) Я бы проголосовал против! Сообщество полагается на отрицательные голоса, 1 или два не имеют значения, и если будет достаточно участников, которые согласны, будет много положительных голосов. Именно так работает SO.

3. извините, я не хотел показаться раздраженным, и, конечно же, я понятия не имею, кто и где голосует. 0 просто кажется достаточно хорошим для «не работает». прошу прощения.

4. @boblet, font-weight: 700 — это точное число для жирного шрифта.

5. Два других ответа, вероятно, были отклонены, потому что они бесполезны. Один ответ добавляет только точку с запятой, которая в любом случае необязательна, а другой ответ не будет иметь никакого значения. Ваше font-weight: 800 предложение также бесполезно. Как изменение веса шрифта повлияет на то, будет ли текст красным («Я теряю другие эффекты») или нет?

Ответ №2:

Я думаю, это потому, что в вашем CSS отсутствует точка с запятой.

 .application_title {font-size: 3em; color: darkred; font-weight: bold; }