Kintamųjų šriftų peržiūra

Peržiūrėkite ir reguliuokite kintamojo šrifto ašis internetu

Roboto Flex3 ašys

A flexible sans-serif variable font with optical size, weight, and width axes.

Šrifto dydis

Eilutės aukštis

Variable fonts let one file behave like an entire type family.

Sugeneruotas CSS

.variable-preview {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-optical-sizing: none;
  font-synthesis: none;
  font-variation-settings: 'opsz' 14, 'wght' 400, 'wdth' 100;
}

Aspose.Font Web Applications

Buy

Peržiūrėkite kintamuosius šriftus tiesiog naršyklėje. Įkelkite vietinį TTF arba OTF failą ir patikrinkite jo variacijų ašis.
Reguliuokite svorį, plotį, optinį dydį, pasvirimą ir pasirinktines ašis gyvais slankikliais. Nukopijuokite CSS font-variation-settings savo projektui.
Šis puslapis yra pirmas žingsnis į būsimą Python pagrįstą kintamųjų šriftų įrankių grandinę.

Peržiūrėkite kintamuosius šriftus tiesiog naršyklėje.
Įkelkite vietinį TTF arba OTF failą ir patikrinkite jo variacijų ašis.
Reguliuokite svorį, plotį, optinį dydį, pasvirimą ir pasirinktines ašis gyvais slankikliais.
Nukopijuokite CSS font-variation-settings savo projektui.

Kintamųjų šriftų peržiūra

Pasirinkite pavyzdinį šriftą arba įkelkite savo kintamąjį šriftą.
Peržiūrėkite aptiktas ašis, pvz., svorį, plotį ar optinį dydį.
Judinkite slankiklius arba pasirinkite įvardytą instanciją.
Redaguokite peržiūros tekstą ir dydį realistiniam bandymui.
Nukopijuokite sugeneruotą CSS ir naudokite savo puslapyje.

Kintamųjų šriftų peržiūraPeržiūrėkite kintamuosius šriftus tiesiog naršyklėje. Reguliuokite svorį, plotį, optinį dydį, pasvirimą ir pasirinktines ašis gyvais slankikliais.
Kintamųjų šriftų peržiūraPasirinkite pavyzdinį šriftą arba įkelkite savo kintamąjį šriftą. Peržiūrėkite aptiktas ašis, pvz., svorį, plotį ar optinį dydį.
Įkelti kintamąjį šriftąĮkelkite vietinį TTF arba OTF failą ir patikrinkite jo variacijų ašis.
Sugeneruotas CSSNukopijuokite CSS font-variation-settings savo projektui.

Reguliuokite svorį, plotį, optinį dydį, pasvirimą ir pasirinktines ašis gyvais slankikliais
Reguliuokite svorį, plotį, optinį dydį, pasvirimą ir pasirinktines ašis gyvais slankikliais.
Įkelkite vietinį TTF arba OTF failą ir patikrinkite jo variacijų ašis
Įkelkite vietinį TTF arba OTF failą ir patikrinkite jo variacijų ašis.
Nukopijuokite CSS font-variation-settings savo projektui
Nukopijuokite CSS font-variation-settings savo projektui.