Қаріп-отбасы сипатының синтаксисі
Үлгілік дизайн - табысты веб-дизайндың өте маңызды бөлігі. Веб-дизайнерлердің әрқайсысының мақсаттары - оқуға оңай және жақсы көрінетін мәтінмен сайттарды жасау. Бұған қол жеткізу үшін веб-беттерде пайдаланғыңыз келетін нақты қаріптерді орнату қажет болады. Веб-құжаттарыңызда қаріп шрифтінің немесе қаріптің отбасын көрсету үшін сіз CSS-дегі қаріп-отбасылық стиль сипатын қолданасыз.
Пайдалануға болатын қарапайым қаріп-отбасылық стиль тек бір қаріп отбасын қамтиды:
p (шрифт-отбасы: Arial; }Егер сіз осы стильді бетке қолдансаңыз, барлық ежелер «Arial» қаріп тұқымдастарында көрсетіледі. Бұл өте жақсы, өйткені «Arial» - «веб-қауіпсіз қаріп» деп аталады, ол дегеніміз, компьютердің көпшілігі (бәрібір болмаса) сіздің бетіңіздің белгіленген шрифтпен көрсетілетінін біле аласыз .
Сіз таңдайтын қаріп табылмаса, не болады? Мысалы, беттегі «веб-шрифтпен қаріптерді» пайдаланбасаңыз, сол қаріпті жоқ болса, пайдаланушы агенті не істейді? Олар алмастырады.
Бұл кейбір қызықты көрінетін беттерге әкелуі мүмкін. Мен компьютерімде «Wingdings» (иконалар жиынтығы) ішіне толығымен көрсететін бетке бардым, себебі менің компьютерім әзірлеуші көрсеткен қаріпті жоқ, ал менің шолғышым қандай шрифтта өте жаман таңдау жасады ауыстыру ретінде қолданыңыз. Бет маған толығымен оқылмаған! Бұл жерде қаріп стекі ойнатылады.
Қаріптер стекіндегі үтірмен бөлек бірнеше қаріп тұқымдары
«Шрифт стек» - сіздің бетіңіздің пайдаланғыңыз келетін қаріптер тізімі. Қаріп таңдауларыңызды қалауыңыз бойынша реттеп, әрқайсыңызды үтірмен бөлетін боласыз. Егер браузерде тізімдегі бірінші қаріп тұқымдары болмаса, ол жүйеде біреуін тапқанша екінші, содан кейін үшінші және т.б.
font-family: Pussycat, Algerian, Broadway;Жоғарыда келтірілген мысалда браузер алдымен «Pussycat» қарпін іздейді, содан кейін басқа қаріптердің бірде-біреуі табылмаса, «Algerian», содан кейін «Broadway». Бұл сіз таңдаған шрифттердің кем дегенде біреуінің пайдаланылатынына мүмкіндік береді. Бұл керемет емес, сондықтан біз өз шрифт стектерімізді тағы да қосамыз (оқыңыз!).
Соңғы қаріптерді қолданыңыз
Сондықтан қаріптер тізімін жасай аласыз және браузер таба алмай қалады. Шолғыштың орнына ауыстыруды таңдаған жағдайда, сіздің бетіңіздің оқылмайтын көрінісін көргіңіз келмейді. Бақытымызға орай, CSS үшін бұл шешім бар: әдеттегі қаріптер .
Сіз әрқашан қаріптер тізімін (тіпті егер ол бір отбасының тізімі немесе веб-қорғалған қаріптер ғана) әдеттегі қаріппен аяқтауыңыз керек. Қолдануға болатын бесеу бар:
- cursive
- қиял
- біржақты
- sans-serif
- serif
Жоғарыдағы екі мысал келесіге өзгертілуі мүмкін:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, қиял;Бірнеше қаріп тектің атаулары - екі немесе одан көп сөз
Егер сіз пайдаланғыңыз келетін қаріп тұқымдары бірнеше сөзден тұрса, онда оны қос тырнақшамен белгілеңіз. Кейбір браузерлер тырнақшаларсыз қаріп отбасыларын оқи алса да, бос кеңістік конденсацияланған немесе елемеген жағдайда қиындықтар туындауы мүмкін.
шрифт-отбасы: «Times New Roman», serif;Бұл мысалда бірнеше сөзден тұратын «Times New Roman» қаріпінің атауы тырнақшаға жазылғанын көруге болады. Бұл браузерге үш сөздің біреуі бір сөзден тұратын үш әртүрлі қаріптерге қарағанда бұл үш сөздің сол қаріптің атауының бір бөлігі екенін көрсетеді.
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard-тың 12/2/16 редакциясында жасалды