Ikasi CSS erabiltzea letra-tipoen atributuak aldatzeko
Fonts eta CSS
CSSa zure webguneko letra-tipoak doitzeko modu eraginkorrena da. Tipografia familia , tamaina, kolorea, pisua eta bestelako tipografiaren beste alderdi batzuk kontrolatu ditzakezu.
CSS ataleko propietateak zure orriaren bereizgarri eta berezia izateko modu ohikoenetako bat dira. Erraza da CSS letra-tipoaren propietatearen kolorea, tamaina, eta are aurpegia (letra-tipo bera) aldatzea.
- kolore
- font-family
- font-size
Letra baten hiru zati daude:
- kolore
- Letra-tipo hau pantailan agertuko den kolorea da.
- tamaina
- Horrela, pantailan errendatuko den letra motak handiak edo txikiak izango dira.
- aurpegia
- Hau letra-tipo familia da, sarritan letra-tipoa bezala ezagutzen dena.
Letra-koloreak
Testuaren kolorea aldatzeko, erabili CSS kolore estiloaren propietateak. Koloreen izenak edo kode hamaseitarrak erabil ditzakezu. Webean kolore guztiekin bezala, hobe da arakatzailearen kolore seguruak erabiltzea.
Saiatu honako estilo zure webguneetan:
letra-tipo hau kolore gorria da
letra hau kolore urdina da
Letra-tamaina
Webgunearen tamaina tamainan ezartzen baduzu, tamaina erlatiboak ezar dezakezu edo oso zehatzak erabiliz pixelak, zentimetroak edo hazbetekoak. Hala eta guztiz ere, letra-tipoen tamaina zehatzagoak inprimatzeko erabiliko dira eta ez web orriak, zure webgunea ikusteko dutenek beste bereizmena, monitorearen tamaina edo letra-tipoaren ezarpen lehenetsia izan liteke. Horrela, 15px zure tamaina estandarra aukeratzen baduzu, desatsegina izan daiteke zure letra-tipo handiak edo txikiak zure bezeroei eskaintzen dien ikusteko.
Ems erabiltzea gomendatzen dut letra-tamaina gisa . Ems-ek zure orrialdera iristea ahalbidetzen du, nork ikusten duen ez du axola, eta pantailako errendatzeak ems dira. Utzi zure pixel eta puntu inprimatu errendatzeko. Letraren tamaina aldatzeko, jarri estilo hau zure web orrian:
letra-tipo hau 1em da
letra-tipo hau .75em da
letra hau 1.25em da
Letra-tipoak
Letra-tipoaren aurpegia jende askok uste du "letra-tipoa" dela uste dutenean. Nahi duzun letra-tipoaren aurpegia deklaratu dezakezu, baina gogoratu, zure irakurleak letra-tipo hori ez badu, bere arakatzaileak partida bat aurkitzen saiatuko da horregatik, eta bere orrialdeak ez du itxura izango.
Arazo horri aurre egiteko, aurpegien zerrenda bat zehaztu dezakezu, komaz bereizita, lehentasunaren arabera erabiltzeko arakatzailea egiteko. Hauek letra-tipoen izenak dira. Kontuan izan PCko letra-tipo estandar bat (Arial bezala) agian ez dela estandarra Macintosh-en. Beraz, beti ikusi beharko dituzu zure orriak gutxieneko instalatutako makina batekin (eta, ahal izanez gero, bi plataformetan) ziurtatu zure orrialdeak letraren minimoak dituzten diseinatutako itxura duela.
Nire letra-tipo gogokoenetariko bat da. Hau da, sans-serif letra-bilduma bat da eta geneva eta ariala ez dira oso antzekoak, baina nahiko estandarrak dira Macintosh eta Windows ordenagailuetan. Helveti eta Helv barne dut beste sistema eragile batzuek bezala, hala nola, Unix edo Linux agian ez duten letra-liburutegi sendoa.
letra-tipo hau sans-serif da
letra hau serif da