Turinys
Vienas iš pagrindinių aspektų dirbant su tekstu HTML įvaizdis gali pasikeisti tik pakeitus raidžių šriftą, tačiau yra du profesionalų aspektai, dirbantys šiuo klausimu, dizaineriai, norintys pakeisti visus tipografijos aspektus, ir programuotojai, kurie, nors ir nori dirbdami su jais jie nenori daryti tokių esminių pokyčių.Šrifto ypatybės
Prieš pradėdami dirbti su šaltiniais, peržiūrėsime jų savybes, kad sužinotume apie tai:
- šrifto šeima: Nurodo teksto bloko šriftų šeimą.
- šrifto dydis: Nurodo teksto bloko šrifto dydį.
- Šrifto stilius: Nurodo šrifto stilių, jis gali būti įprastas, kursyvas, įstrižas.
- šrifto variantas: Nurodo, ar bloko tekstas gali būti rodomas su mažomis raidėmis, galimos jo reikšmės yra mažos ir normalios.
- šrifto svoris: Nurodo teksto bloko šrifto svorį, tai yra jo storį, jo reikšmės gali būti normalios, paryškintos, drąsesnės, lengvesnės.
- šriftas: Spartusis klavišas, leidžiantis nurodyti šriftą vienoje eilutėje.
Nuosavybė šrifto šeima Mes nustatysime šriftų grupę, kuri bus naudojama nustatant pirmenybės tvarką, kad jei jo nėra, jis būtų perduotas tolesniam šriftui pagal pageidavimą. Naršyklė prasideda nuo pirmojo sąrašo šrifto ir bando kiekvieną šriftą nustatyta tvarka, kol bus naudojamas vienas.
Taip atsitinka todėl, kad mums gali tekti naudoti šriftus, įdiegtus vartotojo kompiuteryje arba priklausančius konkrečiai operacinei sistemai, kad, jei kitas vartotojas neatitinka reikalavimų, galėtume valdyti, kaip tai paveiks mūsų dokumentą.
Galiausiai pažiūrėkime bendrųjų šriftų, kurie turėtų būti prieinami standartiniu būdu visoms sistemoms, sąrašą ir su kuriais neturėtume turėti problemų.
- serifas
- be serifo
- kursyvus
- fantazija
- vienatūris
PavyzdysYra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų.
Šiame kode matome, kad šriftų šeimoje buvo apibrėžtas netradicinis šriftas, nes tai yra patentuotas šriftas „HelveticaNeue“ sutrumpintas ir tada kaip antrą pirmenybę dedame vienatūris Pažiūrėkime, kaip tai galime pamatyti naršyklėje kiekvienu iš apibrėžtų atvejų.
[priedas = 861: html5fuentes.jpg.webp]
Vaizdo kairėje yra atvejis, kai šriftas, kuris buvo pateiktas kaip pirmasis pasirinkimas, neegzistuoja, tai yra, šriftas vienatūris, dešinėje pusėje matome patentuotą šriftą.
Šiuo klausimu baigiame vadovėlį, žinodami teorinius pagrindus ir juos pritaikę praktikoje, dabar galime šiek tiek pažaisti su savo taikymo šaltiniais ir pasiekti vizualiai patrauklesnių rezultatų bei atitikti tai, ko norime.
Galite tęsti šios pamokos 2 dalies skaitymą.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
