Leturpörun

Q: Hvaða stafir eru innifaldir?

Forskoðunin hleður latin hlutmenginu enska, franska og flest vesturevrópsk tungumál, með broddstöfum, œ, « » og evrutákni og, þegar letrið hefur þau og textinn þinn þarfnast þeirra, latin ext mið evrópskir stafir eins og č, ł, ő, ț , kýrillísku og grísku. Letur án hlutmengis sýna þessa stafi í varaletrinu: Lato, Work Sans og Space Grotesk hafa enga kýrillísku, og aðeins Inter, Roboto, Open Sans, Source Serif 4 og Fira Code hafa grísku. Ekkert af 20 letrunum hefur arabíska stafi. Á síðum á pólsku, tékknesku, grísku, búlgörsku, úkraínsku og áþekkum telur uppsetningarreiturinn einnig upp import línur þess hlutmengis sem tungumálið þitt þarfnast.

Leturpörun

Forskoðaðu leturpör fyrir fyrirsagnir og meginmál með 20 letrum með opnu leyfi, stilltu stærð og línuhæð og afritaðu CSS font-family safnið.

Tillögur að pörum

Letur fyrirsagna Letur meginmáls

Stærð fyrirsagnar Stærð meginmáls Línuhæð Þykkt fyrirsagnar Dökkur bakgrunnur

Texti fyrirsagnar Texti meginmáls

Forskoðun

CSS-kóði

Hýsing á eigin netþjóni með Fontsource

Settu upp npm-pakkana og fluttu aðeins inn þær þykktir sem þú notar. Leturgerðirnar eru þá afhentar af þinni eigin síðu, án letur-CDN.

Hvernig á að nota leturpörunartólið

Byrjaðu á einu af Tillögur að pörum (Ritstjórnargrein, Nútímalegt blogg, Lendingarsíða, Fréttir, Glæsilegt, Tæknitímarit, Bók, Klassískt, Skjölun, Leikandi). Hver hnappur sýnir fyrirsagnarletrið og meginmálsletrið sem það notar.
Eða veldu þitt eigið Letur fyrirsagna og Letur meginmáls. Listarnir eru flokkaðir í sans-serif, serif, skrautletur, jafnbreitt letur og handskrift. Víxla leturgerðum skiptir á þeim tveimur.
Stilltu Stærð fyrirsagnar, Stærð meginmáls og Línuhæð og veldu Þykkt fyrirsagnar (Feitt (700) eða Venjulegt (400)). Hakaðu í Dökkur bakgrunnur til að prófa parið í dökkri stillingu.
Skiptu út Texti fyrirsagnar og Texti meginmáls fyrir þín eigin orð: raunveruleg fyrirsögn og raunveruleg efnisgrein segja þér miklu meira en pangram. Hafðu tóma línu milli efnisgreina.
Afritaðu CSS-kóði og fylgdu síðan Hýsing á eigin netþjóni með Fontsource til að bæta leturgerðunum við verkefnið þitt.

Leturgerðirnar hlaðast í fyrsta skipti sem þú velur þær (um 12 til 50 KB fyrir hverja þykkt). Þær eru afhentar frá þessari síðu, aldrei frá letur-CDN.

Hvað gerir gott leturpar

Andstæður, ekki árekstur. Klassíska uppskriftin er serif fyrir annað hlutverkið og sans-serif fyrir hitt: Playfair Display yfir Lato, eða Montserrat yfir Merriweather. Tvö letur sem eru svipuð en ekki eins (til dæmis tvö rúmfræðileg sans-serif) líta oft út eins og mistök.
Rólegt meginmálsletur. Meginmál er þar sem fólk eyðir tíma sínum. Veldu letur með opnum stafaformum og rúmri x-hæð (Inter, Lato, Open Sans, Source Serif 4, Merriweather) og geymdu skrautletur eins og Playfair Display, DM Serif Display, Oswald eða Caveat fyrir stuttar fyrirsagnir.
Samsvarandi hlutföll. Letur með svipaða x-hæð fara vel saman í sömu línu og sama dálki.
Tvö letur duga. Búðu til stigveldi með stærð, þykkt og bili í stað þriðju leturgerðarinnar.

Fyrir læsilegt meginmál er 16 til 20 px með línuhæð milli 1,4 og 1,7 gott upphafssvið, með um 60 til 75 stöfum í línu. Fyrirsagnir þurfa yfirleitt þéttari línuhæð (1,1 til 1,3), sem CSS-kóðinn stillir fyrir þig.

CSS-kóðinn

Kóðinn skilgreinir tvær sérsniðnar breytur, --font-heading og --font-body, hvora með varasafni: ef vefletrið hefur ekki hlaðist enn sýnir vafrinn svipað kerfisletur (Georgia fyrir serif, kerfisviðmótsletrið fyrir sans-serif). Stærðir eru skrifaðar í rem (16 px = 1rem), svo þær fylgja leturstærðarstillingu vafra lesandans.

Hýsing á eigin netþjóni og leyfi

Öll 20 letrin koma frá Fontsource, sem pakkar opnum letrum fyrir npm. Uppsetningarreiturinn gefur npm install skipunina og import línurnar fyrir latin-hlutmengið og aðeins þykktirnar sem þú notar; pakkasmiðurinn þinn afritar síðan woff2-skrárnar í útgáfuna þína. Að afhenda letur frá eigin léni er hraðara (engin aukatenging), virkar án nettengingar og kemur í veg fyrir að IP-tölur gesta þinna séu sendar til utanaðkomandi letursþjónustu, sem er þekkt GDPR-vandamál í ESB.

Hvert letur hér er undir SIL Open Font License 1.1, samkvæmt lýsigögnum pakkans: þú mátt nota það á vefsíðum, í forritum og í prentun, í atvinnuskyni eða ekki, og fella það inn. Þú mátt ekki selja leturskrárnar einar og sér. Ef þú breytir letri verður það að halda OFL og má ekki nota upprunalega frátekna nafnið. Leyfisskráin fylgir hverjum pakka.

Algengar spurningar

Notar þetta tól Google Fonts?

Nei. Margar þessara fjölskyldna eru líka í boði á Google Fonts, en hér koma skrárnar úr Fontsource npm-pökkunum og eru afhentar af þessari síðu. Engin beiðni fer til Google eða annars letur-CDN.

Hvers vegna verða sumar fyrirsagnir ekki feitari?

DM Serif Display er aðeins til í venjulegri þykkt. Tólið sýnir það þá í 400, segir frá því undir stjórnhlutunum og CSS-kóðinn notar 400.

Get ég parað saman tvö serif eða tvö sans-serif letur?

Já, ef þau eru greinilega ólík í hlutverki og þykkt, til dæmis feit þröng fyrirsögn með léttu, opnu meginmálsletri. Tólið sýnir ábendingu þegar bæði letrin deila sama stíl, því andstæður serif og sans-serif eru auðveldari að ná réttum.

Hvaða stafir eru innifaldir?

Forskoðunin hleður latin-hlutmenginu (enska, franska og flest vesturevrópsk tungumál, með broddstöfum, œ, « » og evrutákni) og, þegar letrið hefur þau og textinn þinn þarfnast þeirra, latin-ext (mið-evrópskir stafir eins og č, ł, ő, ț), kýrillísku og grísku. Letur án hlutmengis sýna þessa stafi í varaletrinu: Lato, Work Sans og Space Grotesk hafa enga kýrillísku, og aðeins Inter, Roboto, Open Sans, Source Serif 4 og Fira Code hafa grísku. Ekkert af 20 letrunum hefur arabíska stafi. Á síðum á pólsku, tékknesku, grísku, búlgörsku, úkraínsku (og áþekkum) telur uppsetningarreiturinn einnig upp import-línur þess hlutmengis sem tungumálið þitt þarfnast.

Má ég nota þessi letur í verkefni í atvinnuskyni?

Já. SIL Open Font License leyfir notkun í atvinnuskyni án greiðslu eða tilvísunar í hönnun þinni. Aðeins er óheimilt að endurselja leturskrárnar einar og sér.