Skip to main content

Pakeiskite šriftų atributus su CSS, kad pritaikytumėte šriftus

Anonim

Š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