Veldu leturpörun, sjáðu hana lifna við.
Inngangur
Skoðaðu vandaðar paranir af opnum letrum: fyrirsögn og megintexta saman. Stilltu stærð, þykkt og prufutexta, og afritaðu tilbúinn next/font-, CSS- eða Google Fonts-kóða beint inn í verkefnið. Öll letrin eru hýst hjá okkur með next/font, svo ekkert hleðst utan frá.
Forskoðun
Lifandi sýnishorn af valinni parun. Breyttu texta, stærð og þykkt fyrirsagnar.
Hönnun sem talar skýrt
Góð leturpörun gefur vefnum rödd. Fyrirsögnin fangar augað og megintextinn heldur lesandanum. Saman mynda þau tón sem passar vörumerkinu.
Kóði
Afritaðu pörunina beint inn í verkefnið: next/font, hreint CSS eða Google Fonts.
import { Fraunces, Inter } from "next/font/google";
const heading = Fraunces({ subsets: ["latin"], variable: "--font-heading" });
const body = Inter({ subsets: ["latin"], variable: "--font-body" });h1, h2, h3, h4 {
font-family: "Fraunces", serif;
}
body {
font-family: "Inter", sans-serif;
}<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Inter:wght@400;600;700&display=swap" rel="stylesheet">Paranir
Veldu parun til að forskoða hana að ofan. Smelltu til að skipta.
Hvernig þetta virkar
Sjálf-hýst letur
Öll letrin eru sótt og hýst hjá okkur á byggingartíma með next/font: engin ytri beiðni á Google, hraðari hleðsla og ekkert leturflökt.
Opinn hugbúnaður
Sérhver leturgerð er með opnu SIL-leyfi (OFL), svo þú mátt nota hana frítt í verkefnum: í vöfrum, öppum og prenti.
Fyrirsögn og megintexti
Paranirnar eru valdar með andstæðu og samræmi í huga: letur sem grípur augað í fyrirsögnum og annað sem heldur lesandanum í löngum texta.
Tilbúið til afritunar
Afritaðu next/font-kóða fyrir Next.js, hreint CSS eða Google Fonts <link>, og límdu beint inn í verkefnið þitt.
Fleiri ókeypis verkfæri
Næsta skref
Viltu fá þessa týpografíu í alvöru vef? Við hönnum og smíðum vefsíður og vefforrit með Next.js, Tailwind og Supabase.
Fáðu tilboð