Sužinokite, kaip naudoti CSS, kad pakeistumėte šriftų atributus
Šriftai ir CSS
CSS yra efektyviausias būdas pritaikyti šriftus jūsų tinklalapyje. Galite valdyti šriftų šeimą , dydį, spalvą, svorį ir daugelį kitų tipografijos aspektų.
CSS šriftų savybės yra vienas iš dažniausiai pasitaikančių būdų, kaip padaryti jūsų puslapį labiau išskirtiniu ir unikaliu. Labai lengva pakeisti savo teksto spalvą, dydį ir net veido (paties šrifto) su CSS šriftų savybėmis .
- spalva
- šrifto šeima
- šrifto dydis
Šriftu yra trys dalys:
- spalva
- Tai yra spalva, ant kurios ekrane rodomas šriftas.
- dydis
- Tai, kaip didelis ar mažas šriftas bus rodomas ekrane.
- veidas
- Tai šriftų šeima, kuri dažnai vadinama faktiniu šriftu.
Šrifto spalvos
Norėdami pakeisti teksto spalvą, paprasčiausiai naudokite CSS spalvų stiliaus savybę. Galite naudoti spalvų pavadinimus arba šešioliktainius kodus. Kaip ir visos spalvos žiniatinklyje, geriausia naudoti saugias spalvas naršyklėje .
Išbandykite šiuos stilius savo tinklalapiuose:
šis šriftas yra raudonas
šis šriftas yra mėlynas
Šrifto dydžiai
Nustatę šrifto dydį žiniatinklyje, galite nustatyti jį santykiniais dydžiais arba būti labai specifiniais, naudojant pikselius, centimetrus ar colius. Tačiau tikslesni šrifto dydžiai skirti naudoti spausdinimui, o ne tinklalapiams, kur visi, kurie žiūri į jūsų svetainę, gali turėti skirtingą skiriamąją gebą, monitoriaus dydį arba numatytąjį šrifto nustatymą. Taigi, jei pasirinksite standartinį 15 pikselių dydį, gali būti nepatogiai nustebintas, kaip pamatysite, kiek jūsų šriftas yra jūsų klientams.
Aš rekomenduoju naudoti ems šrifto dydžiui . "Ems" leidžia jūsų puslapį likti prieinamas, nesvarbu, kas jį peržiūri, o "ems" yra skirti ekrano atvaizdavimui. Palikite taškus ir taškus spausdinti. Norėdami pakeisti savo šrifto dydį, įdėkite šį stilių į savo tinklalapį:
šis šriftas yra 1em
šis šriftas yra .75em
šis šriftas yra 1.25em
Šriftų veidai
Jūsų šrifto veidas yra tai, ką daugelis žmonių galvoja apie "šriftą". Galite nurodyti bet kurį norimą šriftą, tačiau nepamirškite, kad jei jūsų skaitytojas neturės tokio šrifto, jų naršyklė bandys surasti rungtynes už tai, ir jų puslapis atrodys ne taip, kaip ketinate.
Norėdami išspręsti šią problemą, galite nurodyti veidų pavadinimų, atskirtų kableliais, sąrašą, kad naršyklė galėtų naudoti pagal pageidavimus. Tai vadinamos šrifto krepšeliais. Atminkite, kad standartinis šriftas kompiuteryje (pvz., "Arial") gali būti "Macintosh" standartas. Taigi, jūs visada turėtumėte peržiūrėti puslapius minimaliai įdiegta mašina (ir pageidautina abiejose platformose), kad įsitikintumėte, jog jūsų puslapis atrodo taip, kad jis sukurtas net su minimaliais šriftais.
Vienas iš mano mėgstamiausių šrifto paketų: šis rinkinys yra "sans-serif" šriftų kolekcija, o "geneva" ir "arial" neatrodo labai panašūs, jie yra gana standartiniai "Macintosh" ir "Windows" kompiuteriuose. Aš įtraukiu helvetica ir helv klientams į kitas operacines sistemas, tokias kaip Unix ar Linux, kurios gali neturėti tvirtos šriftų bibliotekos.
šis šriftas yra sans-serif
šis šriftas serifas