Font style html bold: How to make text bold in HTML?

html — Почему свойство CSS шрифта удаляет полужирный шрифт?

Мне было поручено удалить ненужные теги из сгенерированного компьютером HTML, в котором было много бесполезных тегов (я хотел только сохранить информацию о цвете/сильном/эмблеме). Я нашел что-то похожее на этот HTML:

 
  <диапазон>
    жирный не жирный жирный не полужирный
  

 

Для меня (в chrome и firefox) текст жирным шрифтом отображается жирным шрифтом, а не жирный текст не жирный, и я не понимаю, почему это так. В частности, это усложняет мою задачу: я думал, что могу просто удалить теги, у которых нет информации о цвете/сильном/em, поэтому измените его на что-то вроде этого:

 
   жирный не жирный жирный не жирный

 

Но теперь все жирнее, чем раньше.

Я пытался выяснить, что я мог бы вставить в FONT стиль для воспроизведения этого поведения:

Замена Arial на foo

 
  <диапазон>
    жирный не жирный жирный не жирный 
  

 

Изменение размера и шрифта изменило поведение:

 
  <диапазон>
    жирный не жирный жирный не жирный 
  

 

Любое из двух значений само по себе ничего особенного не дает:

 
  <диапазон>
    жирный не жирный жирный не жирный 
  

 

 <б>
  <диапазон>
    жирный не жирный жирный не жирный 

  
  

 

 <б>
  <диапазон>
    жирный не жирный жирный не полужирный


Замена `Arial` на `foo` сохранила поведение:

  <диапазон>
    жирный не жирный жирный не полужирный



Переключение размера и шрифта изменило поведение:

  <диапазон>
    жирный не жирный жирный не полужирный



Любое из двух значений само по себе ничего особенного не дает:

  <диапазон>
    жирный не жирный жирный не полужирный
 



  <диапазон>
    жирный не жирный жирный не полужирный


 

Может ли кто-нибудь объяснить это поведение или, по крайней мере, сказать мне, какие стили я должен искать, чтобы отменить внешние стили?

Как сделать текст жирным в CSS?

В этом уроке мы обсудим три различных метода выделения текста полужирным шрифтом с помощью CSS. Независимо от того, являетесь ли вы новичком в CSS или уже давно работаете с ним, этот учебник предоставит вам знания и навыки, которые помогут выделить ваш текст на вашем веб-сайте. Итак, давайте начнем и узнаем, как сделать текст жирным в CSS!

Table of Contents

В большинстве случаев для выделения шрифта полужирным шрифтом используется ключевое слово bold с использованием свойства font-weight . Но если вы хотите применить различные степени жирности, вы можете использовать значения, кратные 100.

Кроме того, вы можете использовать встроенный CSS для элементов и можете использовать элементы   и   , чтобы сделать текст жирным в параграф. Ниже приведены примеры:

1. Использование свойства CSS font-weight в разделе Head

Для веса шрифта вы указываете число, определяющее жирность шрифта:  нормальный, жирный, жирнее, светлее или кратное 100 от 100 до 900 , где 400 эквивалентно обычному. Более жирный и светлый относительно родительского элемента.

 вес шрифта: нормальный|полужирный|жирнее|светлее|число|начальный|наследовать; 

Как указать толщину шрифта для преобразования текста в полужирный?

 вес шрифта: 700;
вес шрифта: полужирный; /* то же, что и 700 */
вес шрифта: нормальный; /* то же, что и 400 */
вес шрифта: светлее; /* относительно родительского элемента */ 

CSS для класса в разделе Head

HTML

 
Этот полный абзац выделен жирным шрифтом.
   

Вывод

  Весь абзац выделен жирным шрифтом.  

2. Использование элемента

 
Некоторая часть абзаца    выделена жирным шрифтом    . 
 

 Часть абзаца  выделена жирным шрифтом  . 

 
Некоторая часть абзаца выделена жирным шрифтом    с использованием сильного элемента    .
 

 Часть абзаца выделена жирным шрифтом  с использованием сильного элемента  . 

  <голова> <стиль> .жирный текст {
 вес шрифта: полужирный;
 }   <тело>
Примеры: полужирный текст в CSS
Использование класса CSS
Этот полный абзац выделен жирным шрифтом.
Использование элемента b
Некоторые части абзаца выделены жирным шрифтом.
Использование сильного элемента.
  
No related posts.