Opi käyttämään CSS-ohjelmaa muuttamalla fonttien määrityksiä
Fontit ja CSS
CSS on tehokkain tapa säätää Web-sivusi fontteja . Voit hallita fonttiperheä , kokoa, väriä, painoa ja monia muita typografian osa-alueita.
Fonttiominaisuudet CSS: ssä ovat yksi tavallisimmista tavoista tehdä sivusi erottuva ja ainutlaatuinen. Tekstin väri, koko ja jopa kasvot (fontti itse) on helppo vaihtaa CSS-fonttiominaisuuksilla .
- väri-
- font-family
- Fonttikoko
Fonttiin on kolme osaa:
- väri-
- Tämä on fontin väri, joka näkyy näytöllä.
- koko
- Tämä on kuinka suuri tai pieni kirjasintyyppi tulee esille näytöllä.
- kasvot
- Tämä on fonttiperhe, jota kutsutaan usein varsinaiseksi fontiksi.
Fonttivärit
Jos haluat muuttaa tekstin väriä, käytä CSS-väritystyyliominaisuutta. Voit käyttää joko värinimiä tai heksadesimaalisia koodeja. Kuten kaikkien verkossa olevien värien kohdalla, on parasta käyttää selaimen turvallisia värejä .
Kokeile seuraavia tyylejä verkkosivuillasi:
tämä kirjasin on punainen
tämä kirjasin on värillinen sininen
Fonttien koot
Kun olet määrittänyt kirjasinkoko webissä, voit asettaa sen suhteelliseen kokoon tai olla hyvin tarkka pikseliä, senttimetriä tai tuumaa käyttäen. Kuitenkin täsmällisemmät kirjasinkokoiset on tarkoitettu käytettäväksi tulosteissa, ei verkkosivujen kohdalla, joissa kaikki näkevät verkkosivustosi erilainen resoluutio, monitorikoko tai oletusasetukset. Joten jos valitset 15px standardikokoasi, saatat olla yllättävää nähdä kuinka suuri tai pieni fontti tekee asiakkaillesi.
Suosittelen, että käytät ems-fonttia fonttikokoon . Ems antaa sivusi pysyvän saatavilla riippumatta siitä, kuka sitä katselee, ja ems on tarkoitettu näytön renderointiin. Jätä pikselit ja pistet tulosteisiin. Voit muuttaa fonttikokoasi laittamalla seuraavan tyylin verkkosivustollesi:
tämä kirjasin on 1em
tämä fontti on .75em
tämä fontti on 1.25em
Fonttiarkit
Kirjasi kasvot ovat mitä monet ihmiset ajattelevat, kun he ajattelevat "fonttia". Voit ilmoittaa haluamasi fontin, mutta muista, jos lukijallasi ei ole kyseistä fonttia, selaimesi yrittää löytää ottelun sillä, ja heidän sivunsa ei näytä sinun tarkoituksestasi.
Tämän ongelman ratkaisemiseksi voit määrittää luettelon kasvontunnuksista, jotka on erotettu pilkulla, jotta selaimesi voi käyttää haluamansa järjestyksessä. Näitä kutsutaan fonttipinoiksi. Muista, että tietokoneessa oleva standardi-kirjasintyyppi (kuten Arial) ei ehkä ole vakio Macintoshissa. Joten sinun on aina tarkasteltava sivuja minimaalisesti asennetulla koneella (ja mieluiten molemmilla alustoilla) varmistaaksesi, että sivu näyttää suunnitellulta jopa pienillä fonteilla.
Yksi suosikkikirjapinoistani on Tämä setti on sans-serif fonttikokoelma ja vaikka geneva ja arial eivät näytä kovin samanlaisilta, ne ovat molemmat melko tavallisia Macintosh- ja Windows- tietokoneissa. Sisällytä helvetica ja helv asiakkaille muissa käyttöjärjestelmissä, kuten Unixissa tai Linuxissa, joilla ei ehkä ole vankka kirjasinkirjasto.
tämä fontti on sans-serif
tämä fontti on serif