Memgastigaj tiparoj
Se vi volas kunigi la tiparojn uzatajn en via retejo, tiam Fontsource estas biblioteko, kiun vi eble volas rigardi (ligilo ankaŭ en aldono ĉe la fino de la paĝo). Ĝi permesas vin instali la tiparojn, kiujn vi volas konsumi, kio signifas, ke viaj tiparoj estas gastigitaj de vi mem kaj ne postulas CDN por ŝargi.
Instalante ĉiun tiparon
Por instali la tiparojn, kiujn vi volas uzi, simple rulu la instal-komandon por ĉiu varianto. La sekvaj kodaj fragmentoj montras kiel la tiparo por ĉi tiu PWA estus instalita.
npm install @fontsource/work-sans
En la enirpunkto de mia aplikaĵo, mi tiam devas konsumi la instalitan pakaĵon per importado de ĝi. Ĉi tio ebligas al mi precize difini tion, kion mi bezonas sen aldoni ajnan superkoston. Ĉar tiparoj povas esti sufiĉe grandaj en grandeco, ĉi tio estas bonega ŝanco ŝpari Bajtojn.
import "@fontsource/work-sans/400.css";
import "@fontsource/work-sans/900-italic.css";
Fine, mi devas agordi la tiparon en mia CSS. Depende de la biblioteko, kiun vi uzas (ekzemple Tailwind.css), ĉi tiu kodo povus aspekti iomete malsama por vi.
body {
font-family: "Work Sans", sans-serif;
}
Varieblaj tiparoj
Fontsource ankaŭ provizas eblon por instali variajn tiparojn, kio signifas, ke vi havas aliron al la plej nova ilaro kiam temas pri tiparo-ŝarĝado. Bonvolu noti, ke ne ĉiuj tiparoj haveblas kiel variaj variantoj.
