@font-face{font-family:Inter;src:url('/fonts/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Roboto;src:url('/fonts/roboto.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/opensans.ttf') format('truetype');font-style:normal;font-weight:300 800;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/montserrat.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Nunito;src:url('/fonts/nunito.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
.font-preview{grid-column:1/-1;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#f6f8f2}
.font-preview strong{display:block;font-size:23px;line-height:1.4;margin-bottom:7px}.font-preview p{font-size:14px;line-height:1.7;margin:0}.font-preview small{display:block;margin-top:8px;color:var(--muted);font-size:12px}