Css font bold style: HTML DOM Style fontWeight Property

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

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

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

 

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

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

 

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

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

Замена Arial на foo

сохранила поведение:

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

 

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

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

 

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

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

 

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

  
  

 

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


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

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



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

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



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

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



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


 

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

Шрифты CSS — Studyopedia

11 июля Шрифты CSS

Опубликовано в 13:24 в CSS от редакции Studyopedia

В этом разделе мы увидим, как работать со шрифтом на нашем сайте. Шрифты CSS имеют довольно замечательные свойства, такие как изменение семейства шрифтов, выделение шрифта курсивом или полужирным шрифтом, размер шрифта и т. д.

Свойство CSS font-style (установить стиль шрифта)

Давайте сначала начнем с стиль шрифта в CSS Fonts . Вы можете установить три значения для стиля шрифта, то есть нормальный , курсив и наклонный .

Обычный стиль шрифта

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Studyopedia Мы предоставляем учебные пособия, вопросы для интервью и викторины.

Вот результат:

Наклонный стиль шрифта

Здесь вы можете видеть, что мы установили наклонный стиль . Похоже на курсив, но это не так. Посмотрите,

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Studyopedia Мы предоставляем учебные пособия, вопросы для интервью и викторины. 0 030

Вот результат:

Стиль шрифта курсив

Здесь вы можете видеть, что мы установили стиль курсив .

1 2 3 4 5 6 7 8 10 19

Studyopedia Мы предоставляем учебные пособия, вопросы для интервью и викторины. 3 2

Вот результат,

Свойство семейства шрифтов CSS (Set Font Family)

Ну, если вам не нравится шрифт по умолчанию, то установите шрифты CSS с свойство font-family . В CSS вы можете добавить определенное семейство шрифтов, например Arial, , , , или вы можете добавить группу семейств шрифтов.

Укажите несколько семейств шрифтов в списке, разделенном запятыми, например

Давайте посмотрим, как работать с семейством шрифтов,

1 2 3 4 5 6 7 8 10 11 12 13 14 15 16 17 18 19

Studyopedia Мы предоставляем учебные пособия, вопросы для интервью и викторины.

Свойство CSS font-weight (установка толщины шрифта)

С помощью свойства HTML font-weight можно установить толщину шрифта. Вы можете указать обычный шрифт, а также полужирный шрифт или значения, такие как 500, 800, 900, что означает, какой жирный шрифт вы хотите для своего шрифта.

Давайте посмотрим пример,

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

Возможности Studiopedia Бесплатный обучающий контент! Мы предоставляем учебные пособия, вопросы для интервью и викторины. Давайте начните учиться.

Вот результат:

На приведенном выше рисунке и в коде вы можете видеть, что мы установили толщину шрифта на 9.0054 полужирный , нормальный и светлее , чтобы увидеть разницу.

Свойство CSS font-size (Установить размер шрифта)

Здесь мы узнаем, как установить размер шрифта для нашего веб-сайта, используя свойство

font-size . Установите размер px или % . Кроме того, вот другие значения, которые можно использовать соответственно для дизайна вашего веб-сайта: xx-маленький, x-маленький, маленький, средний, большой, x-большой, xx-большой, и т. д.

Давайте рассмотрим некоторые примеры,

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 31 0003

Studyopedia Это наш обычный размер шрифта. Это наш средний размер шрифта. Это меньший размер шрифта. Это размер шрифта x-large.

Вот результат:

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

em Размер шрифта

Выше мы узнали о размерах шрифта в px . Теперь мы узнаем, как установить размер шрифта, используя единицу измерения em . В настоящее время многие разработчики и дизайнеры используют em .

Примечание: 1 em равно 16px .

Допустим, вам нужен шрифт 18px , поэтому вы можете легко рассчитать его следующим образом:

18px/16 = 1,125em

Итак, вам нужно установить размер шрифта на 1. 125em с приведенными выше вычислениями. Вот полный код:

. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

Исследование, а H2> Бесплатный сайт обучения. . /тело>

Вот результат:

Свойство CSS font-variant (Установить вариант шрифта)

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