AcasăInstrumente de DesignGenerator de Scară Tipografică

Generator de Scară Tipografică

Generatorul de scală tipografică calculează o scală modulară pornind de la o mărime de font de bază și un raport, de la Minor Second (1.067) până la Golden Ratio (1.618), și oferă nouă mărimi ca proprietăți CSS personalizate.

Despre acest instrument

Generatorul de scală tipografică calculează o scală modulară pornind de la o mărime de font de bază și un raport, de la Minor Second (1.067) până la Golden Ratio (1.618), și oferă nouă mărimi ca proprietăți CSS personalizate.

Cum se folosește

  1. Introdu mărimea fontului de bază în pixeli (16 px este valoarea implicită a browserului).
  2. Alege un raport de scală, de exemplu Major Third (1.25).
  3. Alege unitatea: rem, px sau em.
  4. Apasă Copy CSS Variables pentru a folosi mărimile de la --xs la --4xl.

Bine de știut

  • Fiecare pas dintr-o scală modulară înmulțește mărimea anterioară cu același raport.
  • Generatorul produce nouă pași: doi sub bază, baza și șase peste ea.
  • Rapoartele mai mici (1.067–1.2) se potrivesc interfețelor dense; cele mai mari (1.333–1.618) se potrivesc paginilor editoriale cu titluri mari.
  • Valorile rem sunt calculate raportat la o mărime de font rădăcină de 16 px.
  • Folosirea rem permite textului să se scaleze după setarea de mărime a fontului din browserul utilizatorului.

Funcționează complet în browserul tău — nimic din ce introduci nu este încărcat sau salvat.

Întrebări frecvente

Ce este o scală tipografică modulară?

Este un set de mărimi de font în care fiecare mărime este cea anterioară înmulțită cu un raport fix, ceea ce păstrează titlurile și textul de bază în armonie vizuală.

Ce raport de scală tipografică ar trebui să folosesc?

Major Third (1.25) și Perfect Fourth (1.333) sunt variante populare, bune la toate. Folosește un raport mai mic pentru aplicații și dashboard-uri și unul mai mare pentru landing page-uri și bloguri.

Mărimile fontului ar trebui să fie în rem sau în px?

În general se recomandă rem, pentru că respectă mărimea de font preferată de utilizator în browser, ceea ce îmbunătățește accesibilitatea.

Ce mărime de font de bază ar trebui să folosesc?

16 px este valoarea standard implicită a browserelor și o bază bună pentru textul principal; multe site-uri folosesc 16–18 px pentru o citire confortabilă.