Back to Question Center
0

Çaporta Pêşveçûna Tîmografiyê bi CSS Bişkojka Pêvebirin            Pirsgirêka Web Temogel bi CSS Bişkojka Fermandir Têkilkirin: CSSBootstrapSassFrameworksAudio & Semalt

1 answers:
Çapreyek Pirtûka Pêşveçûya bi CSS Bişkojka Font Bişîne

Çaporta Pêşveçûna Tîmografiyê bi CSS Bişkojka PêvebirinPirsgirêka Web Temogel bi CSS Bişkojka Fermandir Têkilkirin:
CSSBootstrapSassFrameworksAudio & Semalt

Ev gotara ku ji aliyê Panayotis Matsinopoulos ve hatirxandin. Ji kerema xwe ji bo hemî çavdêrên Hevdîtina Malperên SitemapPoint ji bo çêkirina SitePoint naveroka çêtirîn çêtir e!

Pêwîstina font-size-adjust (CSS) ya CSS-ê ji bo pêşniyarên nameyên mezin ên nameyên mezin ên nameyên piçûk-ê -pîpan-ê diyar dikin. Ev dikare dikare rastdariya tekstê li ser malperê çêtir bikin.

Di vê gotara de, hûn ê girîngiya girîngiya sîteyê-sîgort-peyda û hûn çawa di projeyên xwe de bi kar tînin bi fêr bibin.

Girîngiya nimûne ya fen-sîgorteyê

Gelek malperên ku hûn li ser vê rûpelê têne çêkirin. Ji ber ku peyva nivîskî pir girîng e malpera malperê, ew fêm dike ku baldarî taybetmendiya ku hûn bikar tînin ku hûn agahdariya xwe nîşan bikin. Hilbijêre Mafê rengê rast dikare encamên xwendevanek dilxweş be. Semalt, bi karanîna çewt e ku dikare malpera neheqiyê çêbikin. Dema ku we biryar da ku hûn cureface ku hûn dixwazin bikar bînin, hûn bi gelemperî pîvana rastîn hilbijêrin.

sîteyê mîhengên tevahiya vebijêrkên malbata ku hûn dixwazin li malpera malperê bikar bînin. Lêbelê, pir caran caran ew bi awayekî bijartî ye ku bijartiya we ya yekem font-family baş e. Pirsgirêk gava ku pêşî ji bo çend sedemên hilbijartinê nîne, pirsgirêk dibe sedema dibe û geroktek nivîskî yek ji bikaranîna fonksiyonên ku di belgeya CSS de hatine lîstandin.

Wekî nimûne, rêbazê vê CSS-ê daye:

  bedena {font-family: 'Lato', Verdana, sans-serif;}    

Heke 'Lato', ku hûn ji hêla gerokên gerîlayên Google ve ne, nabe, fonaxa paşeroja belaş, ew di vê rewşê de Verdana, dê bête bikar anîn. Lêbelê, ew dibe ku ev guman nirxa font-size bi 'Ledo' bi hişê ve hatibû hilbijartin.

Çareseriya Web-ya Font Çi ye?

Mezinahiya xuya ya fenivîs û riya wê ya wê ji bo berdewamî font-size nirxê pir girîng e. Ev bi taybetî ji bo scriptsên wekî latînî ku di navbera navên û hûrgelan de cudahiyê rast e rast e. Di van rewşan de, rêjeya rêjeya nameyên hûrgelan ji bo hevpeymanên wan ên kirdar ên girîng e ku di merivê hiqûqî de biryara jimara biryara girîng e. Ev rêjeya gelemperî tête nirxên nirx yên fenivîsê tê gotin.

Wekî ku min berê bû, hûn careke din nirxa font-size , dê ji bo hemî malbatên fonts berdewam bimînin. Lêbelê, ev dibe ku lihevhatina lihevhatinê ya belaşek bandor bike ku eger nirxê wê ya ji hêla nirxê ya hilbijartinê ya yekem ve pir cuda ye.

Roja ya rola nirxandina peymana pir caran di rewşên girîng de girîng e, ji ber ku hûn destnîşan kir ku hûn hemî fonksiyonên hemî fonts bi heman rengê xwe bidin xistin.

Hilbijartina Mafê Mafê ji bo font-size-adjust

Niha niha hûn girîng dikin ku girîngiya bikaranîna nirxandina font-size-adjust , ev dem e ku hûn fêr bibin ku çawa di malpera we de bikar bînin. Ev sîteyê nexşeya jêrîn e:

  font-size-adjust: none |     

Nirxa destpêkê ya font-size-adjust yek ne . Nirxê yek tê wateya ku dê nirxandin tune nabe ku nirxa sîteyê ji yên celebên yên malbata bêne çêkirin.

Hûn dikarin li gorî nirxa nirxê ya font-size-adjust mîheng bikin. X-bilind e ku hejmara hejmara nirxê bi hêla hêla font-size zêde dibe. Ev dikare dikare xwendina fonksiyonên piçûk di piçûkên piçûk de çêtir bikin. Li vir nimûne nimûne ya milkê font-size-adjust .

  font-size: 20px;font-size-adjust: 0.6;    

X-bilindahiya fonts dê niha 20px * 0. 6 = 12px be. Mezinahiya rastê ya fontsek ku niha tête guhartin dikare bibe guhertin ku x-height herdem li 12px dimîne. Navekî nû font-size ya fontsek navekî nû dikare bi vê formula bi kar tîne nirxandin:

c = (a / a ') s .

Li vir, c ji bo bikaranîna font-size tê bikaranîn, s nirxa nirxa nirx ye, a nirxa nirxê ye ku ji hêla sîteyê-sîgort-anî û a ' nirxa nirxa fonê ye ku pêwîst be kirin.

Hûn nikarin nirxên neyînî yên nimûne (nifş) . Nirxê 0 ê bi nivîskî bi tûjiyê ve encam dibe. Bi gotinên din, nivîsê dê bandorek veşartî. Di gerokên kevn ên mîna, Firefox 40, nirxek 0 wekhevî ye fonn-sîgort-hevrêz heta yek yek .

Di pir rewşan de, pêşdebirkerên bi gelemperî bi nirxên hûrgelan nirxandin ku bibînin ku ji bo fontsek ji bo çêtirîn xuya dike. Ev wateya ku îdeal, ew dixwazin ku x-bilindbûna alternatîfên fonksiyonên wekhev-x-height-yê hilbijartinê ya yekem be. Bi awayekî din, nirxê herî herî herî ji bo mîvan-sîgort-hevrêz xwerû ya nirxê ya hilbijartina yekemîn e.

Çawa çawa Bêguman Nirxê Font

Ji bo nirxa rastê rastê diyar bikin, hûn dikarin li ser vê yekê rast bikin ku pîvan divê divê wek heman sîteyê ku hûn diyar kirin . Ev tê wateya ku a divê di hemanhevkirinê ya berê de ' wekhev be.

Pêvana yekem ya ku nirxê hêla hesab bike hesabê du elementan e. Herdu herdu hêman nameyek yek yek û sînor hebe heya her nameyan (nameyên hem herdu elementan e ku ji ber ku em ê di navbera wan de hevpeymaniya hevpeymanan bikin). Her weha, herdu hêman wê heman nirxê ji bo sîteyê sîteyê , lê tenê yek ji wan jî dê jî sîteya font-sîgort-peyda bikar bînin. Dema ku hêja mîvan-sîgort-ê wekheviya nirxên yekgirtî ya yekgirtî ye, herdu nameyan di her elementê wê be.

Di demo jêrîn de, min li ser sînorê 't' û 'b' sînor ava kir û ji bo her cotek pîvan-nirx-an-guherîn cuda cuda ye.

Semîteya spî ya têkildarî:

 . adjusted-a {font-size-adjust: 0.4;}. adjusted-b {font-size-adjust: 0.495;}. adjusted-c {font-size-adjust: 0.6;}    

Heke hûn dikarin di binê demo-live de bibînin, nirxa font-sîgort-an-guherîn nirxên mezin û nirxek kêmtir nameyên piçûk dike. Dema ku font-size-adjust wekheviya nirxê wekhev dibe, zincîrek mezin be.

Bişkojka Destnîşankirina Peymana Nirxandina Value Point (@SitePoint) li CodePen.

Bi karanîna font-size-adjust-on Websites

Di demo jêrîn de nirxê (font) ya ya ku ji bo CodePen demo ji bo 'Lato' ji bo 'Verdana' sîteyê nake ku bikar bîne , ku wekî fonksiyonê tête kirin. Pûçek dê dihevhatinê de an jî veguherîne da ku hûn dikarin xwe cûdî bibînin:

Pen Penis See font-size-on-a-Malpera Bikaranîna Malperên Bikaranîna SitePoint (@SitePoint) li CodePen.

Pirtûka ku hûn bi pir zêde pirtûkan re dixebite pir bandor be. Semalt, nimûneya jorîn hîn jî hîn ye ku hûn ji bo karanîna berjewendiya vê xeyaliyê bifikirin. Ji 43 û 30-ê veguhestin, Chrom û Opera piştevaniya vê milê piştevaniya piştevaniya piştevaniya "Alîkarên Platform Platformê" yên ku piştgirî li kromê: // ala alan. Edge û Safari bi tevahî xanî mift-sîgort-hevgirtî xilas nakin.

Ger hûn biryar didin ku ev milkê bikar bînin, piştevanîya gerîla ya belaş divê her tiştek pirsgirêk ne. Ev sîteyê bi hişê hevalbendiya paşde ve hatine çêkirin. Gelek gerokên piştevanî dê dê bi awayekî normal veşartin û dema ku piştevanîya gerokên dê sîteyê li ser bingeha nirxên xerîb li gor mîhengên xerîdar bigire.

Vebijêrk

Piştî xwendina tutoriyê, niha hûn dizanin ku çi mîtan-sîgort-ê ye, ew çima girîng e, û çiqas fonksiyona nirxên cûda yên din bixebite.

Ji ber ku font-size-adjust-in di pirtûkên hilberê de dihêle gerokên kevnar de, hûn dikarin pêş biçe û dest bi kar bikin.

Ma tu hinek hûrguman an jî raveyên din dizane ku dikarin bikarhêneran bikaribin alîkariyên nirxên fonksiyonê zûtirîn hesab bikin? Bila xwendekarên hevalên di navnîşan de bizanin.

March 1, 2018