Taħlit tal-fonts – Ipprova fonts tat-titlu u tat-test

Q: Din l-għodda tuża Google Fonts?

Le. Ħafna minn dawn il familji huma disponibbli wkoll fuq Google Fonts, imma hawn il fajls jiġu mill pakketti npm ta’ Fontsource u jiġu servuti minn dan is sit. Ebda talba ma tmur lil Google jew lil CDN ieħor tal fonts.

Q: Għaliex xi titli ma jsiru ebda iktar grassett?

DM Serif Display jeżisti biss f’piż normali. L għodda mbagħad turih f’400, tgħid hekk taħt il kontrolli, u l kodiċi CSS juża 400.

Q: Nista’ nagħmel taħlita ta’ żewġ fonts serif jew żewġ sans-serif?

Iva, jekk jiddifferenzjaw ċarament fir rwol u fil piż, per eżempju titlu grassett kondensat b’font tat test ħafif u miftuħ. L għodda turi nota meta ż żewġ fonts jaqsmu l istess stil, għax kuntrast bejn serif u sans serif huwa iktar faċli biex jinkiseb sew.

Q: Liema karattri huma inklużi?

Il previżjoni tgħabbi s subset latin Ingliż, Franċiż u l biċċa l kbira tal lingwi tal Ewropa tal Punent, b’aċċenti, œ, « » u s sinjal tal euro u, meta l font għandhom u t test tiegħek jeħtieġuhom, is subsets latin ext ittri tal Ewropa Ċentrali bħal č, ł, ő, ț u dawk Maltin ċ, ġ, ħ, ż , Ċirilliku u Grieg. Fonts mingħajr subset juru dawk l ittri bil font ta’ fallback: Lato, Work Sans jew Space Grotesk m’għandhomx Ċirilliku, u biss Inter, Roboto, Open Sans, Source Serif 4 u Fira Code għandhom Grieg. Ebda wieħed mit 20 font m’għandu ittri bl Għarbi. Fuq paġni bil Polakk, Ċek, Grieg, Bulgaru, Ukrain u simili , il kaxxa tal installazzjoni telenka wkoll il linji import tas subset li teħtieġ il lingwa tiegħek.

Q: Nista’ nuża dawn il-fonts f’proġett kummerċjali?

Iva. L SIL Open Font License tippermetti użu kummerċjali mingħajr ħlas jew attribuzzjoni fid disinn tiegħek. Biss li terġa’ tbiegħ il fajls tal fonts waħedhom mhux permess.

Previżjoni tat-taħlit tal-fonts

Ara taħlit ta’ fonts għat-titli u għat-test bi 20 font b’liċenzja miftuħa, aġġusta d-daqs u l-għoli tal-linja, u ikkopja l-font-family stacks CSS.

Pari suġġeriti

Font tat-titlu Font tat-test

Daqs tat-titlu Daqs tat-test Għoli tal-linja Piż tat-titlu Isfond skur

Test tat-titlu Test tal-ġisem

Previżjoni

Kodiċi CSS

Self-hosting b’Fontsource

Installa l-pakketti npm u importa biss il-piżijiet li tuża. Il-fonts imbagħad jiġu servuti mis-sit tiegħek, mingħajr CDN tal-fonts.

Kif tuża l-previżjoni tat-taħlit tal-fonts

Ibda b’wieħed mill-Pari suġġeriti (Editorjali, Blog modern, Landing page, Aħbarijiet, Eleganti, Rivista teknoloġika, Ktieb, Klassiku, Dokumentazzjoni, Ġokuż). Kull buttuna turi l-font tat-titlu u l-font tat-test li tapplika.
Jew agħżel il-Font tat-titlu u l-Font tat-test tiegħek. Il-listi huma miġbura f’fonts sans-serif, serif, display, monospace u ta’ kitba bl-id. Biddel il-fonts jibdel iż-żewġ fonts ma’ xulxin.
Aġġusta d-Daqs tat-titlu, id-Daqs tat-test u l-Għoli tal-linja, u agħżel il-Piż tat-titlu (Grassett (700) jew Normali (400)). Agħżel Isfond skur biex tiċċekkja l-par fil-modalità skura.
Ibdel it-Test tat-titlu u t-Test tal-ġisem bi kliemek: titlu veru u paragrafu veru jgħidulek ħafna iktar minn pangram. Ħalli linja vojta bejn il-paragrafi.
Ikkopja l-Kodiċi CSS, imbagħad segwi Self-hosting b’Fontsource biex iżżid il-fonts mal-proġett tiegħek.

Il-fonts jitgħabbew l-ewwel darba li tagħżilhom (madwar 12 sa 50 KB għal kull piż). Jiġu servuti minn dan is-sit, qatt minn CDN tal-fonts.

X’jagħmel taħlit tajjeb ta’ fonts

Kuntrast, mhux kunflitt. Ir-riċetta klassika hija serif għal rwol wieħed u sans-serif għall-ieħor: Playfair Display fuq Lato, jew Montserrat fuq Merriweather. Żewġ fonts li huma simili imma mhux identiċi (żewġ sans-serifs ġeometriċi, per eżempju) spiss jidhru bħal żball.
Font kalm għat-test. It-test huwa fejn in-nies iqattgħu ż-żmien. Agħżel font b’forom tal-ittri miftuħa u x-height wiesgħa (Inter, Lato, Open Sans, Source Serif 4, Merriweather) u żomm il-fonts display bħal Playfair Display, DM Serif Display, Oswald jew Caveat għal titli qosra.
Proporzjonijiet li jaqblu. Fonts b’x-heights simili joqogħdu tajjeb ma’ xulxin fuq l-istess linja u fl-istess kolonna.
Żewġ fonts huma biżżejjed. Oħloq ġerarkija bid-daqs, il-piż u l-ispazjar minflok tielet tipa tal-ittri.

Għal test li jinqara tajjeb, 16 sa 20 px b’għoli tal-linja bejn 1.4 u 1.7 huwa medda tajba biex tibda, b’madwar 60 sa 75 karattru kull linja. It-titli ġeneralment jeħtieġu għoli tal-linja iktar issikkat (1.1 sa 1.3), li l-kodiċi CSS jissettja għalik.

Il-kodiċi CSS

Il-kodiċi jiddikjara żewġ proprjetajiet personalizzati, --font-heading u --font-body, kull waħda b’fallback stack: jekk il-font tal-web ma jkunx tgħabba diġà, il-brawżer juri font tas-sistema simili (Georgia għas-serifs, il-font tal-UI tas-sistema għas-sans-serifs). Id-daqsijiet huma miktubin f’rem (16 px = 1rem), allura jsegwu s-setting tad-daqs tal-font tal-brawżer tal-qarrej.

Self-hosting u liċenzji

It-20 font kollha jiġu minn Fontsource, li jippakkja fonts open-source għal npm. Il-kaxxa tal-installazzjoni tagħti l-kmand npm install u l-linji import għas-subset latin u biss il-piżijiet li tuża; il-bundler tiegħek imbagħad jikkopja l-fajls woff2 fil-build tiegħek. Li tservi l-fonts mid-dominju tiegħek hu iktar veloċi (l-ebda konnessjoni żejda), jaħdem offline u jevita li tibgħat l-indirizzi IP tal-viżitaturi tiegħek lil servizz ta’ fonts ta’ parti terza, kwistjoni GDPR magħrufa fl-UE.

Kull font hawn huwa taħt l-SIL Open Font License 1.1, skont il-metadata tal-pakkett tiegħu: tista’ tużah fuq siti web, f’apps u fl-istampar, b’mod kummerċjali jew le, u tinkorporah. Ma tistax tbiegħ il-fajls tal-fonts waħedhom. Jekk timmodifika font, irid iżomm l-OFL u ma jistax juża l-isem riżervat oriġinali. Il-fajl tal-liċenzja huwa inkluż f’kull pakkett.

Mistoqsijiet frekwenti

Din l-għodda tuża Google Fonts?

Le. Ħafna minn dawn il-familji huma disponibbli wkoll fuq Google Fonts, imma hawn il-fajls jiġu mill-pakketti npm ta’ Fontsource u jiġu servuti minn dan is-sit. Ebda talba ma tmur lil Google jew lil CDN ieħor tal-fonts.

Għaliex xi titli ma jsiru ebda iktar grassett?

DM Serif Display jeżisti biss f’piż normali. L-għodda mbagħad turih f’400, tgħid hekk taħt il-kontrolli, u l-kodiċi CSS juża 400.

Nista’ nagħmel taħlita ta’ żewġ fonts serif jew żewġ sans-serif?

Iva, jekk jiddifferenzjaw ċarament fir-rwol u fil-piż, per eżempju titlu grassett kondensat b’font tat-test ħafif u miftuħ. L-għodda turi nota meta ż-żewġ fonts jaqsmu l-istess stil, għax kuntrast bejn serif u sans-serif huwa iktar faċli biex jinkiseb sew.

Liema karattri huma inklużi?

Il-previżjoni tgħabbi s-subset latin (Ingliż, Franċiż u l-biċċa l-kbira tal-lingwi tal-Ewropa tal-Punent, b’aċċenti, œ, « » u s-sinjal tal-euro) u, meta l-font għandhom u t-test tiegħek jeħtieġuhom, is-subsets latin-ext (ittri tal-Ewropa Ċentrali bħal č, ł, ő, ț u dawk Maltin ċ, ġ, ħ, ż), Ċirilliku u Grieg. Fonts mingħajr subset juru dawk l-ittri bil-font ta’ fallback: Lato, Work Sans jew Space Grotesk m’għandhomx Ċirilliku, u biss Inter, Roboto, Open Sans, Source Serif 4 u Fira Code għandhom Grieg. Ebda wieħed mit-20 font m’għandu ittri bl-Għarbi. Fuq paġni bil-Polakk, Ċek, Grieg, Bulgaru, Ukrain (u simili), il-kaxxa tal-installazzjoni telenka wkoll il-linji import tas-subset li teħtieġ il-lingwa tiegħek.

Nista’ nuża dawn il-fonts f’proġett kummerċjali?

Iva. L-SIL Open Font License tippermetti użu kummerċjali mingħajr ħlas jew attribuzzjoni fid-disinn tiegħek. Biss li terġa’ tbiegħ il-fajls tal-fonts waħedhom mhux permess.