Font-šeimos nuosavybės sintaksė
Tipografinis dizainas yra labai svarbus sėkmingo svetainės dizaino kūrinys. Svetainių kūrimas lengvai suprantamu tekstu, kuris puikiai atrodo, yra kiekvieno interneto dizaino profesionalo tikslai. Norėdami tai pasiekti, turėsite nustatyti konkrečius jūsų šriftus, kuriuos norite naudoti savo tinklalapiuose. Savo žiniatinklio dokumentuose nurodydami šriftų ar šriftų šeimą naudosite šriftų šeimos stiliaus savybę savo CSS.
Paprasčiausias šriftų šeimos stilius, kurį galėtumėte naudoti, turėtų apimti tik vieną šriftų šeimą:
p {font-family: Arial; }Jei šį stilių pritaikėte prie puslapio, visos pastraipos bus rodomos "Arial" šriftų seime. Tai puiku, nes "Arial" yra tai, kas vadinama "interneto saugiu šriftu", o tai reiškia, kad dauguma (jei ne visi) kompiuteriai būtų įdiegę, jūs galite pailsėti gana lengvai žinodami, kad jūsų puslapis bus rodomas numatytame šrifte .
Taigi, kas atsitiks, jei pasirinkto šrifto negalima rasti? Pvz., Jei puslapyje nenaudojate "saugaus šrifto", ką naudojate naudotojas, jei jis neturi šio šrifto? Jie pakeičia.
Tai gali sukelti keletą labai juokingų puslapių. Aš vieną kartą nuėjau į puslapį, kuriame mano kompiuteris visiškai rodė jį "Wingdings" (piktogramų rinkinys), nes mano kompiuteryje nebuvo šrifto, kurį kūrėjas nurodė, o mano naršyklė labai blogai pasirinko kokį šriftą jis būtų naudoti kaip pakaitalą. Puslapis buvo visiškai neskaitytas man! Štai kur ateina "šrifto kampanija".
Atskirkite kelis šriftų šeimos su kableliu šrifto stokoje
"Šrifto krepšys" yra šriftų, kuriuos norite naudoti jūsų puslapyje, sąrašas. Jūs pasirinktumėte šrifto pasirinktis pagal savo norus ir atskirai atspausdinsite kableliais. Jei naršyklėje sąraše nėra pirmosios šriftų šeimos, ji bandys antrą, tada trečią ir tt, kol ji suras tą, kurią ji turi sistemoje.
font-family: Pussycat, Algerian, Broadway;Pirmiau pateiktame pavyzdyje naršyklė pirmiausia ieškos "Pussycat" šrifto, tada "alžyras", tada "Broadway", jei nė vienas iš kitų šriftų nerastas. Tai suteikia daugiau galimybių, kad bus naudojamas bent vienas iš jūsų pasirinktų šriftų. Tai nėra tobula, todėl dar daugiau galime pridėti prie mūsų šrifto krepšelio (skaitykite!).
Naudokite bendrinius šriftus paskiausiai
Taigi galite sukurti šriftų paketą su šriftų sąrašu ir vis tiek naršyklė negali rasti. Akivaizdu, kad nenorite, kad jūsų puslapis atrodytų neskaitytinas, jei naršyklė netinkamai pakeičia pasirinkimą. Laimei, CSS taip pat turi sprendimą: bendrinius šriftus .
Jūs visada turėtumėte baigti savo šriftų sąrašą (net jei jis yra vienos šeimos ar tik interneto saugių šriftų sąrašas) su bendru šriftu. Yra penkių, kuriuos galite naudoti:
- kursyvas
- fantazija
- monospauda
- Sans serifas
- Serifas
Du pirmiau pateikti pavyzdžiai gali būti pakeisti į:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, fantasy;Kai kurie šriftų šeimų pavadinimai yra du ar daugiau žodžių
Jei šriftų šeima, kurią norite naudoti, yra daugiau nei vienas žodis, tuomet turėtumėte supakuoti ją su dvigubo citato ženklu. Nors kai kurios naršyklės gali skaityti šriftų šeimas be kabučių, gali būti problemų, jei tarpinė juostelė yra sutrumpinta arba ignoruojama.
šriftų šeima: "Times New Roman", serifas;Šiame pavyzdyje galite pamatyti, kad šrifto pavadinimas "Times New Roman", kuris yra kelių žodžių, yra įdėtas į kabutes. Tai nurodo naršyklei, kad visi trys iš šių žodžių yra šio šrifto pavadinimo dalis, o ne trys skirtingi šriftai, visi su vienu žodžiu pavadinimais.
Originalus straipsnis Jennifer Krynin. Redagavo 16.26.1 Jeremy Girard