Letra-tipoen familiak zehaztea CSS letra-tipoen familia-propietatearekin

Sintaxia letra-tipoaren familiaren jabeari

Diseinu tipografikoa web diseinu arrakastatsuaren pieza garrantzitsu garrantzitsua da. Irakurketa erraza duen testuinguruko guneak sortzea eta itxura bikaina da web diseinu profesional bakoitzaren helburuak. Horretarako, web orrialdean erabili nahi dituzun tipoak zehaztu behar dituzu. Letra-tipoa edo letra-tipo familia zure web dokumentuetan zehazteko, CSS motako letra-tipoen estiloa erabiliko duzu.

Erabili dezakezun font-family estiloko letra-tipo errazena letra-familia bakarra izango litzateke:

p {font-family: Arial; }

Estilo hau orrialde bat aplikatuz gero, paragrafo guztiak "Arial" letra-tipoan erakutsiko dira. Hau bikaina da eta "Arial" izeneko "web-segurua" letra-tipo gisa ezaguna denez geroztik, horrek gehienak (ez badaude) ordenagailuak instalatuko luketenez gero, oso erraz atseden dezakezu zure orrialdean letra-tipoan agertuko den jakiteko. .

Beraz, zer gertatzen da aukeratutako letra-tipoa ezin bada aurkitu? Adibidez, orri batean "web seguru-letra segurua" erabiltzen ez baduzu, zer egiten du erabiltzaile-agenteak letra-tipo hori ez badute? Ordezkapena egiten dute.

Honek oso dibertigarria den orrialde batzuk sor ditzake. Behin batean, nire ordenagailuak "Wingdings" (ikono-multzo bat) guztiz bistaratzen zitzaidan. Nire ordenagailuak ez zuen garatzaileek zehaztutako letra-tiporik eduki, nire nabigatzaileak oso aukera txarra egin baitzuen zein letra- ordezko gisa erabili. Orrialdea guztiz irakurgarria izan da niretzat! Hau da, letra-tipoaren pila bat sartzen da.

Letra-tipoak Letra-tipoen letra-tipo aniztasun anitzak bereiztea

"Letra-tipoaren" letra-tipoak letra-tipoen zerrenda da. Zure letra-tipoak zure hobespenen arabera jarriko dituzu eta komaz bereizita bereiziko dira. Arakatzaileak zerrendan dagoen lehen letra-familia ez badu, bigarrena eta ondoren hirugarena saiatuko da sisteman dagoen bat aurkitzen den arte.

font-family: Pussycat, Algerian, Broadway;

Aurreko adibidean, nabigatzaileak "Pussycat" letra-tipoa, "Aljeriarrak" eta "Broadway" bilatuko ditu, beste letra-tipo bat aurkitu ezean. Honek aukera gehiago eskaintzen dizkizu, gutxienez, zure letra tipoak erabiliko diren gutxienez. Ez da perfektua, horregatik oraindik gehiago gure letra-tipoari gehitu diogu (irakurri!).

Erabili Fonts Generikoak Azken

Horrela, letra-tipoak letra-tipoak dituen letra-tipo bat sor ditzakezu eta nabigatzaileak ere ezingo du aurkitu. Jakina, ez duzu zure orria irakurgaberik erakustea, nabigatzaileak ordezkaritza txarra egiten badu. Zorionez, CSSek ere konponbidea du: tipografia orokorrak .

Beti zure letra-tipoa bukatu beharko zenuke (letra-tipoen familia edo web seguruen zerrenda bakarra izan arren) tipografia orokor batekin. Badira bost erabil ditzakezunak:

Hurrengo bi adibide aldatu egin daitezke:

letra-familia: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, fantasia;

Zenbait letra-tipoen izenak bi edo gehiago dira

Erabili nahi duzun letra-tipoa hitz bat baino gehiago baldin bada, komatxo bikoiztuak inguratu beharko zenituzke. Nabigatzaile batzuek letra-tipoen familiei irakurri ahal izateko komatxorik gabe, baliteke zuriunea kondentsatu edo baztertuz gero.

font-family: "Times New Roman", serif;

Adibide honetan, "Times New Roman" letra-tipoaren letra-tipoa komatxoetan gordetzen da. Honek nabigatzaileari esan die hitz hauetako hiru letra-tipo horren izenaren zati direla, hiru letra-tipo ezberdinen aurrean, hitz bakarreko izenekin alderatuta.

Jennifer Krynin-en jatorrizko artikulua. Editatu otsailaren 12/2/16 Jeremy Girard-ek