Skip to content

Instantly share code, notes, and snippets.

@monochromer
Last active March 17, 2021 08:03
Show Gist options
  • Save monochromer/9290eb021411bb3f83177d29651c6b7c to your computer and use it in GitHub Desktop.
Save monochromer/9290eb021411bb3f83177d29651c6b7c to your computer and use it in GitHub Desktop.
Имена метрики font-weight

font-stretch

Keyword Percentage
ultra-condensed 50%
extra-condensed 62.5%
condensed 75%
semi-condensed 87.5%
normal 100%
semi-expanded 112.5%
expanded 125%
extra-expanded 150%
ultra-expanded 200%
@font-face {
  src: url('https://mdn.mozillademos.org/files/16014/LeagueMonoVariable.ttf');
  font-family:'LeagueMonoVariable';
  font-style: normal;
  font-stretch: 1% 500%; /* Required by Chrome */
}
/**
* Имена метрики font-weight
*/
/* hairline, thin (Тонкий, Волосяной) */
font-weight: 100;
/* ?thin?, extralight, ultralight (Дополнительный светлый, Сверхсветлый) */
font-weight: 200;
/* light (Светлый) */
font-weight: 300;
/* regular (Нормальный) */
font-weight: 400;
font-weight: normal;
/* medium (Средний) */
font-weight: 500;
/* semibold, demibold (Полужирный) */
font-weight: 600;
/* bold (Жирный) */
font-weight: 700;
font-weight: bold;
/* extrabold, ultrabold ?heavy? (Дополнительный жирный, Сверхжирный) */
font-weight: 800;
/* heavy, black, (Черный, Густой) */
font-weight: 900;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment