У меня не работает сокращение шрифта, включая свойства font-size и font-weight - PullRequest
0 голосов
/ 12 июня 2019

в моем коде я использую

{
    font-size: 2.5rem;
    font-weight: 100;
}

, чтобы установить шрифт, но когда я переключаю это на сокращение шрифта, как это {font: 100 2.5rem}, оно кажется не работает, мой стиль шрифта меняется на стандартный.

рис. похоже, я следовал правилу сокращения для шрифта. Кто-нибудь может помочь?

Ответы [ 2 ]

0 голосов
/ 12 июня 2019

Сокращенное свойство font требует указания font-size и font-family. line-height и другие свойства font-* являются необязательными.

Reference.

0 голосов
/ 12 июня 2019

Font-weight определяет от тонких до толстых символов. 100-400 такое же, как обычно, а 700-900 такое же, как жирный шрифт.После задания Font-weight вам нужно указать свойство font-family.Если вы не хотите использовать семейство шрифтов, просто укажите семейство шрифтов как таковое.Это работает для меня.

<!DOCTYPE html>
<html>
<head>
<style>
  p.a {
    font: 100 2.5rem none;
  }
  p.b {
    font: 400 2.5rem none;
  }
  p.c {
    font: 700 2.5rem arial, sans-serif;
  }
  p.d {
    font: 800 2.5rem Georgia, serif;
  }
  p.e {
    font: 900 2.5rem normal;
  }
</style>
</head>
<body>

  <h1>The font Property</h1>

  <p class="a">This is a paragraph. The font size is set to 10 pixels.</p>

  <p class="b">This is a paragraph. The font size is set to 10 pixels.</p>

  <p class="c">This is a paragraph. The font size is set to 10 pixels.</p>

  <p class="d">This is a paragraph. The font size is set to 10 pixels.</p>

  <p class="e">This is a paragraph. The font size is set to 10 pixels.</p>

</body>
</html>
...