Zein dira CSS motako letra-tipo orokorrak?

Zure webgunean erabil daitekeen letra-tipoen sailkapen orokorrak

Webgune bat diseinatzen duzunean, testu bateko edukia duen orri baten funtsezko elementu bat da. Horrela, web orri bat eta estiloa CSSren bidez eraikitzen duzunean, ahalegin horren zati handi bat gunearen tipografiaren inguruan zentratuko da.

Diseinu tipografikoak paper garrantzitsua du web diseinuan. Testu-edukia ondo antolatuta eta formateatua gune batek arrakasta handiagoa izan dezan, irakurketa esperientzia atsegina eta erraza da kontsumitzeko. Zure motako lanekin egindako ahaleginak zure diseinuaren letra tipo egokiak aukeratzeko aukera izango dute eta ondoren CSS erabiltzeko letra-tipoak eta letra-tipoak orriaren pantailara gehitzeko. Hau " font-stack " izenekoaren bidez egiten da.

Font-pilak

Web-orri batean erabiltzeko letra-tipo bat zehazten duzunean, hobespen-aukerak ere barne hartzen ditu zure letra-tipoaren aukera ezin bada aurkitu. Irtenbide alternatibo hauek "letra-tipoaren pila" aurkezten dira. Arakatzailean ezin bada aurkitu pila zerrendatutako lehen letra-tipoa, hurrengo aldera mugitzen da. Prozesu hau jarraitzen du, erabili dezakeen letra-tipoa aurkitzen duen arte, edo aukera desegin egiten du (kasu honetan nahi duen edozein sistemaren letra besterik ez du aukeratzen). Hona hemen CSSren letra-tipoaren itxura nola agertuko den "gorputz" elementuari aplikatzen zaionean:

gorputza {font-family: Georgia, "Times New Roman", serif; }

Letra tipikoa Georgia lehenik zehaztu dugu. Lehenespenez, orrialde hau erabiliko da, baina letra hori ez bada erabilgarri egongo arrazoi batzuei, Orrialdea Times New Roman-era itzuliko da. Letra-tipoaren izena komatxo bikoitzetan ageri da, hitz anitzeko izen bat delako. Hitz bakarreko letra-tipoen izenak, Georgia edo Arial bezalakoak, ez dute komatxorik behar, baina hitz anitzeko letra-tipoek behar dute, beraz, arakatzaileak badaki hitz horiek guztiak letra-tipoaren izena direla.

Letra-tipoaren amaieran begiratuz gero, "serif" hitza amaitzean nabarituko dugu. Letra-tipo familia generikoaren izena da. Pertsona ezinezkoa Georgia edo Times New Roman ordenagailuan ez dagoen kasuetan gertatu ohi den kasuetan, gunea edozein serif iturria erabiliko luke. Hau hobe da gunea nahi den letra tipoak atzematea ahalbidetzea, gutxienez esan ahal izango duzuna zein motatako erabili behar den, beraz, guneen diseinuaren itxura orokorra eta tonua ahalik eta osorik egongo dira. Bai, arakatzaileak letra-tipo bat aukeratuko du zuretzat, baina, gutxienez, orientazioa ematen ari zara, beraz, zein motatako letra-tipoak hobeto funtzionatuko lukeen jakiteko.

Tipografia Familiak orokorrak

CSS erabilgarri dagoen letra-tipoen izenak hauek dira:

Webguneen eta tipografiaren beste letra-tipo batzuk ere badituzte, slab-serif, blackletter, bistaratze, grunge, eta gehiago barne, hauek 5 letra-tipoak izeneko letra-tipo orokor hauetan CSS-en letra-tipo batetan erabiliko dituzunak dira. Zer dira letra-mailako sailkapen hauen arteko desberdintasunak? Ikus dezagun!

Letra motak sarritan agertzen dira letra dotoreak eta ongi moldatuak, eskuz idatzitako testua errepikatzeko. Letra hauek, letra lodiak eta mahatsak direla eta, ez dira egokia gorputz-kopia bezalako eduki-bloke handirik. Letra motak, normalean, letra-tipoak handiagoak diren testuetan testu laburrak eta laburrak izateko erabiltzen dira.

Fantasiazko letra-tipoak beste kategoria batera erortzen ez diren letra tipoak dira. Logo ezagunak errepikatzen dituzten letra-tipoak, Harry Potter-en formatuetako letra-tipoak edo Back to the Future pelikulak bezalakoak, kategoria honetan sartuko lirateke. Berriro ere, letra-tipoak ez dira egokiak gorputz-edukiarentzat, sarritan estilizatu egiten baitira letra-tipo horiek idatzitako testu luzeagoak irakurtzen dituztelako.

Monospaziorako letra-tipoak letra- tipo guztiak tamaina berekoak eta espaziontziak dira, Idazmakin zahar batean aurkitu zenuen bezala. Letraren tamaina handien arabera aldatzeko aldagaiak dituzten beste letra-tipoak ez bezala (adibidez, "W" kapitala "i" minuskulaz baino askoz ere gehiago izango litzateke), monospace letra-tipoek karaktere bakoitzerako zabalera finkoa izango dute. Letra-tipo hauek maiz erabiltzen dira kodean orri batean bistaratzen direnean, orrialde horretan beste testu bat baino ezberdina delako.

Serif letra tipoak ezagunenetakoak dira. Letra-formatuetan luzapen txiki gutxi dituzten letra tipoak dira. Pieza gehigarri hauek "serifak" deitzen zaie. Serif letra tipoak Georgia eta Times New Roman dira. Serif letra-tipoak testu handirako erabil daitezke testua eta gorputz kopia luze gisa.

Sans-serif azken sailkapena ikusiko dugu. Hauek aipatutako ligaturarik ez duten letra-tipoak dira. Izenak "seriforik gabe" esan nahi du. Kategoria honetako letra tipoak Arial edo Helvetica izango lirateke. Serif-en antzekoak, sans-serif letra-tipoetan eta gorputz-edukietan berdin erabil daiteke.

Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua17/17/17