Teksto kūrimas yra neišvengiama kiekvienos internetinės programos dalis. Teisingo šriftų pasirinkimas daro įtaką ne tik skaitomumui, bet ir visam tavo svetainės išvaizdai. Šriftų šeimos čia atlieka svarbų vaidmenį, nes užtikrina, kad tavo svetainė būtų nuosekliai pateikta įvairiuose įrenginiuose ir sistemose. Šioje gairėje parodysiu, kaip tu efektyviai apibrėžti šriftų šeimas ir derinti skirtingus šriftus.
Svarbiausi atradimai
Yra daugybė šriftų, tačiau šriftų šeimų apibrėžimas yra svarbus norint gauti nuoseklius rezultatus skirtinguose įrenginiuose. Tu išmoksi, kaip naudoti CSS savybę font-family, nurodyti kelis šriftus ir apibrėžti atsarginės galimybes, kad užtikrintum savo tekstų patrauklumą.
Žingsnis po žingsnio vadovas
Pirmiausia svarbu suprasti šriftų šeimų pagrindus. Šriftai gali būti suskirstyti į dvi pagrindines kategorijas: serifinius ir sans-serifinius. Serifiniai šriftai turi mažus puošybos elementus ties raidžių galais, o sans-serifiniai neturi tokių elementų.
Norint nustatyti šriftų šeimą CSS, tu naudoji savybę font-family. Pradėk nuo šrifto nustatymo antraštėms. Dažnai rekomenduojamas šriftas antraštėms yra serifinis. Mūsų pavyzdyje pasirinksime šriftą Droid Serif.
Čia nurodai kelis šriftus. Pirmiausia bus naudojamas šriftas, kuris pirmas pasirodo sąraše. Jei šis šriftas nėra pasiekiamas, bus naudojamas kitas šriftas, kol bus rastas pasiekiamas šriftas.
Kūrybiniams tekstams dažnai rekomenduoju sans-serifinį šriftą, tokį kaip Droid Sans. Tokie šriftai dažnai yra aiškūs ir lengviau skaitomi.
Svarbu, kad šriftai, kurie turi kelis žodžius, būtų aprašyti kabutėse. Tai būtina, kad būtų išvengta nesusipratimų šriftų pasirinkimuose.
Kai apibrėžei šriftus, gali peržiūrėti rezultatą savo naršyklėje. Paprastai turi galimybę patikrinti, kokie šriftai buvo naudojami, kad pamatytum, ar viskas veikia teisingai.
Jei pastebi, kad norimas šriftas nebuvo įkeltas, gali pasinaudoti Google Fonts. Google Fonts siūlo didelį šriftų pasirinkimą, kurį gali lengvai integruoti į savo svetainę. Tu gali atsisiųsti reikiamą šriftą tiesiai iš Google Fonts svetainės ir įterpti jį kaip CSS nuorodą savo HTML dokumente.
Štai paprastas pavyzdys, kaip tai padaryti. Eik į Google Fonts svetainę, pasirink šriftą ir spustelėk nuorodą, kad gautum embed kodo.
Dabar gali tiesiogiai naudoti savo šriftus iš Google. Taip turėsi prieigą prie daugybės gražių šriftų, kurie nebūtinai yra įdiegti vartotojo įrenginyje.
Gražu šio požiūrio tai, kad Google Fonts taip pat gali talpinti šriftus, taigi jie bus greičiau įkelti, kai svetainė bus lankoma pakartotinai. Pasinaudok tuo, kad pagerintum vartotojų patirtį.
Kitas svarbus aspektas, kai kalbama apie šriftų šeimas, yra atsarginės galimybės. Tu gali nurodyti kelias alternatyvas, kurias naršyklė turėtų naudoti, jei pageidaujamas šriftas nėra pasiekiamas. Tai saugos tavo svetainę nuo atvaizdavimo problemų.
Įsitikink, kad gerai pasirinki savo atsarginius šriftus, kad užtikrintum nuoseklią arba panašią išvaizdą. Pavyzdžiui, jeigu naudojai serifinį šriftą, kaip atsargą gali pasirinkti tokius šriftus kaip Georgia ar Times New Roman.
Kaip ir bet kuriame dizaine, naudinga eksperimentuoti. Išbandyk skirtingas kombinacijas, kad pamatytum, kurie šriftai geriausiai dera kartu ir palieka norimą vizualinį įspūdį.
Santrauka – Šriftų šeimos pagrindai HTML, CSS ir JavaScript
Šriftų šeimos apibrėžimas yra svarbus žingsnis kuriant tavo svetainę. Naudodamas CSS font-family ir integruodamas šriftus per Google Fonts, tu gali užtikrinti, kad tavo tekstai būtų patrauklūs ir skaitomi skirtinguose įrenginiuose. Išbandyk skirtingus šriftus ir atsargines galimybes, kad rastum geriausią kombinaciją savo programai.
Dažnai užduodami klausimai
Kaip apibrėžti šriftų šeimą CSS?Naudok savybę font-family, po kurios nurodai norimą šriftą ir pasirinktinai atsarginius šriftus.
Ar galiu naudoti šriftus iš Google Fonts?Taip, gali integruoti šriftus iš Google Fonts naudodamas pateiktą nuorodą savo HTML failo - zonoje.
Kas yra atsarginiai šriftai?Atsarginiai šriftai yra alternatyvūs šriftai, kuriuos naršyklė gali naudoti, jei pageidaujamas šriftas nėra pasiekiamas.
Kodėl kabutės aplink šriftus yra būtinos?Kabutės yra būtinos, kai šriftas turi kelis žodžius, kad būtų išvengta nesusipratimų.
Kokius šriftus naudoju teksto tekste?Teksto tekste sans-serifiniai šriftai, tokie kaip Arial ar Helvetica, dažnai yra aiškesni ir lengviau skaitomi.
