Teknobench

Réamhamharc Péireála Clónna

Féach ar phéireálacha clónna do cheannteidil agus do théacs coirp le 20 cló oscailte, coigeartaigh méid agus airde líne, agus cóipeáil an CSS.

Péirí molta

Réamhamharc

Suiteáil na pacáistí npm agus iompórtáil na meáchain a úsáideann tú amháin. Seirbheáiltear na clónna ó do shuíomh féin ansin, gan CDN clónna.

Conas an réamhamharc péireála clónna a úsáid

  1. Tosaigh le ceann de na Péirí molta (Eagarthóireachta, Blag nua-aimseartha, Leathanach tuirlingthe, Nuacht, Galánta, Irisleabhar teicneolaíochta, Leabhar, Clasaiceach, Doiciméadú, Spraíúil). Taispeánann gach cnaipe an cló ceannteidil agus an cló coirp a chuireann sé i bhfeidhm.
  2. Nó roghnaigh do Cló an cheannteidil féin agus Cló an choirp. Tá na liostaí grúpáilte i gclónna sans-serif, serif, taispeána, monaspáis agus lámhscríbhneoireachta. Malartaíonn Malartaigh clónna an dá cheann.
  3. Coigeartaigh Méid an cheannteidil, Méid an choirp agus Airde na líne, agus roghnaigh Trom an cheannteidil (Trom (700) nó Gnáth (400)). Tic Cúlra dorcha chun an péire a sheiceáil sa mhód dorcha.
  4. Cuir do chuid focal féin in ionad Téacs an cheannteidil agus Téacs an choirp: insíonn fíorcheannteideal agus fíormhír i bhfad níos mó duit ná pangram. Fág líne fholamh idir míreanna.
  5. Cóipeáil an Cód CSS, ansin lean Féinóstáil le Fontsource chun na clónna a chur le do thionscadal.

Luchtaítear na clónna an chéad uair a roghnaíonn tú iad (thart ar 12 go 50 KB in aghaidh an mheáchain). Seirbheáiltear iad ón suíomh seo, ní ó CDN clónna riamh.

Cad a dhéanann péireáil chlón mhaith

  • Codarsnacht, ní coimhlint. Is é an t-oideas clasaiceach serif do ról amháin agus sans-serif don ról eile: Playfair Display thar Lato, nó Montserrat thar Merriweather. Is minic a bhreathnaíonn dhá chló atá cosúil ach nach bhfuil comhionann (dhá sans-serif geoiméadrach, abair) cosúil le botún.
  • Cló coirp ciúin. Is i dtéacs coirp a chaitheann daoine a gcuid ama. Roghnaigh cló le cruthanna litreacha oscailte agus x-airde fhlaithiúil (Inter, Lato, Open Sans, Source Serif 4, Merriweather) agus coimeád clónna taispeána mar Playfair Display, DM Serif Display, Oswald nó Caveat do cheannteidil ghearra.
  • Comhréireanna comhoiriúnacha. Suíonn clónna le x-airdí cosúla go maith le chéile ar an líne chéanna agus sa cholún céanna.
  • Is leor dhá chló. Cruthaigh ordlathas le méid, trom agus spásáil in ionad tríú clófhoirne.

Le haghaidh téacs coirp inléite, is tosphointe maith 16 go 20 px le hairde líne idir 1.4 agus 1.7, le thart ar 60 go 75 carachtar sa líne. De ghnáth teastaíonn airde líne níos dlúithe ó cheannteidil (1.1 go 1.3), a shocraíonn an cód CSS duit.

An cód CSS

Dearbhaíonn an cód dhá airí saincheaptha, --font-heading agus --font-body, gach ceann le stac cúltaca: mura bhfuil an cló gréasáin luchtaithe fós, taispeánann an brabhsálaí cló córais cosúil leis (Georgia do serifs, cló UI an chórais do sans-serifs). Scríobhtar méideanna i rem (16 px = 1rem), mar sin leanann siad socrú méide cló brabhsálaí an léitheora.

Féinóstáil agus ceadúnais

Tagann na 20 cló go léir ó Fontsource, a phacáistíonn clónna foinse oscailte do npm. Tugann an bosca suiteála an t-ordú npm install agus na línte import don fhothacar latin agus do na meáchain a úsáideann tú amháin; cóipeálann do bhundlálaí na comhaid woff2 isteach i do thógáil ansin. Tá cló a sheirbheáil ó do fhearann féin níos tapúla (gan nasc breise), oibríonn sé as líne agus seachnaíonn sé seolta IP do chuairteoirí a sheoladh chuig seirbhís chlónna tríú páirtí, fadhb GDPR aitheanta san AE.

Tá gach cló anseo faoin SIL Open Font License 1.1, de réir meiteashonraí a phacáiste: féadfaidh tú é a úsáid ar shuíomhanna gréasáin, in aipeanna agus i bpriontáil, go tráchtála nó nach ea, agus é a leabú. Ní féidir leat na comhaid chló a dhíol astu féin. Má athraíonn tú cló, caithfidh sé an OFL a choimeád agus níor cheart dó an bunainm in áirithe a úsáid. Tá an comhad ceadúnais san áireamh i ngach pacáiste.

Ceisteanna coitianta

An n-úsáideann an uirlis seo Google Fonts?

Ní úsáideann. Tá a lán de na teaghlaigh seo ar fáil ar Google Fonts freisin, ach anseo tagann na comhaid ó phacáistí npm Fontsource agus seirbheálann an suíomh seo iad. Ní théann aon iarratas chuig Google ná chuig aon CDN clónna eile.

Cén fáth nach n-éiríonn roinnt ceannteidil níos troime?

Níl DM Serif Display ann ach i ngnáthtrom. Taispeánann an uirlis ag 400 é ansin, deir sí amhlaidh faoi na rialuithe, agus úsáideann an cód CSS 400.

An féidir liom dhá chló serif nó dhá chló sans-serif a phéireáil?

Is féidir, má tá difríocht shoiléir eatarthu i ról agus i dtrom, mar shampla ceannteideal trom comhdhlúite le cló coirp éadrom oscailte. Taispeánann an uirlis nóta nuair a roinneann an dá chló an stíl chéanna, mar go bhfuil codarsnacht serif agus sans-serif níos éasca a fháil ceart.

Cé na carachtair atá san áireamh?

Luchtaíonn an réamhamharc an fothacar latin (Béarla, Fraincis agus formhór theangacha Iarthar na hEorpa, le gutaí accentaithe, œ, « » agus comhartha an euro) agus, nuair atá siad ag an gcló agus de dhíth ar do théacs, na fothacair latin-ext (litreacha Lár na hEorpa mar č, ł, ő, ț), Cirilleach agus Gréigis. Taispeánann clónna gan fothacar na litreacha sin sa chló cúltaca: níl Cirilleach ag Lato, Work Sans ná Space Grotesk, agus níl Gréigis ach ag Inter, Roboto, Open Sans, Source Serif 4 agus Fira Code. Níl litreacha Arabacha ag aon cheann de na 20 cló. Tá fadas na Gaeilge (á, é, í, ó, ú) sa fhothacar latin. Ar leathanaigh Pholainnise, Seicise, Gréigise, Bulgáiris, Úcráinise (agus mar sin de), liostaíonn an bosca suiteála línte iompórtála an fhothacair a theastaíonn ó do theanga freisin.

An féidir liom na clónna seo a úsáid i dtionscadal tráchtála?

Is féidir. Ceadaíonn an SIL Open Font License úsáid thráchtála gan íocaíocht ná aitreabúid i do dhearadh. Ní cheadaítear ach na comhaid chló a athdhíol astu féin.