CSS-дегі әдеттегі қаріп отбасылары дегеніміз не?

Веб-сайтыңызда қолдануға болатын әдеттегі қаріп классификациясы

Веб-сайтты құрастырғанда, сіз жұмыс істейтін парақтың басты элементтерінің бірі мәтіндік мазмұн болып табылады. Осылайша, веб-бетті құрастырғаныңызда және оны CSS-да стильдендіргенде, осы күштің үлкен бөлігі веб-сайттың типографиясына айналады.

Үлгілік дизайн веб-сайт дизайнында маңызды рөл атқарады. Мазмұнды құрастырылған және қалыптастырылған сайт сайтты оқуды жеңілдетіп, тұтынуға болатын жеңілдету арқылы табысты болуға көмектеседі. Сіздің үлгіңізбен жұмыс істеудегі күш-жігеріңіздің бөлігі дизайныңыз үшін дұрыс қаріптерді таңдап , одан кейін CSS-ні ​​сол қаріптер мен қаріптің стильдерін беттің дисплейіне қосу үшін пайдалану. Бұл « қаріп-стек »

Шрифт-стектер

Веб-бетте қолданылатын қаріпті анықтаған кезде, қаріп таңдауын таба алмаған жағдайда, жаңару опцияларын қосудың ең жақсы әдісі болып табылады. Бұл резервтік опциялар «қаріп стекінде» ұсынылған. Егер браузер стекеде тізімделген алғашқы қаріпті таба алмаса, келесіге ауысады. Ол бұл процесті қолдануға болатын қаріпті тапқанша жалғастырады немесе ол таңдаулардан басталады (бұл жағдайда ол кез келген жүйелік қаріпті ғана таңдап алады). Мұнда «body» элементіне қолданған кезде қаріптің стакасы CSS-ге қалай көрінетінінің мысалы келтірілген:

body {font-family: Грузия, «Times New Roman», serif; }

Назар аударыңыз, алдымен біз қаріп Грузия. Әдепкі бойынша, бұл бет пайдаланылады, бірақ егер ол қандай да бір себептермен қол жетімді болмаса, бет Times New Roman-ға ауысады. Бұл қаріп атауын қос тырнақшаға қосамыз, себебі ол бірнеше сөзден тұратын атауы болып табылады. Грузия немесе Arial сияқты бірыңғай сөздік атаулары тырнақшаларды талап етпейді, бірақ бірнеше сөзді қаріптің аты қажет, сондықтан браузер осы сөздердің барлығының шрифт атауын құрайтынын біледі.

Егер сіз қаріптер стекінің соңын қарасаңыз, біз «serif» сөзімен аяқталатынымызды байқаған жөн. Бұл әдеттегі қаріптің тегі. Егер адам Грузияға немесе Times New Roman-ге компьютерінде ие болмаса, сайт ол тапқан кез-келген шрифтті қолданатын болады. Бұл сайттың қалаған шрифттерге қайта оралуына рұқсат беру артықшылығы бар, себебі, ең болмағанда, сайттың дизайнын жалпы көрінісі мен өңін мүмкіндігінше өзгертпеу үшін қандай шрифт қолданылатындығын айтуға болады. Ия, браузер сіз үшін қаріпті таңдайды, бірақ кем дегенде сіз нұсқаулықты беріп отырсыз, сонда ол қандай шрифт дизайнда жақсы жұмыс істейтінін біледі.

Жалпы қаріп тұқымдары

CSS-да қол жетімді әдеттегі қаріп атауы:

Веб-дизайнда және типографияларда, соның ішінде слаб-сериф, қара әріптер, дисплей, гранж және т.б. сияқты көптеген басқа қаріп классификациясы бар болса, жоғарыда аталған 5-шi қаріп атаулары CSS-дегi қаріп-стекпен қолданылатындар болып табылады. Бұл қаріп классификациясы қандай айырмашылықтар бар? Қарап көрейік!

Cursive қаріптері жиі қолжазбалық мәтінді копиялауға арналған жұқа, ерекше әріптермен ерекшеленеді. Бұл қаріптер, олардың жұқа, гүлді хаттарынан, дененің көшірмесі сияқты үлкен мазмұн блогына сәйкес келмейді. Cursive қаріптері, әдетте, үлкенірек қаріп өлшемдерінде көрсетілетін тақырыптар мен қысқа мәтін қажеттіліктеріне қолданылады.

Фэнтези қаріптері, әрине, басқа санатқа кірмейтін бірнеше ақылды қаріптер. Белгілі логотиптерді, мысалы, Гарри Поттердің немесе Болашаққа кері фильмдердің хат форматтары сияқты шрифттер осы категорияға түседі. Тағы да, бұл қаріптер дене мазмұны үшін жарамсыз, себебі олар көбінесе стильдендірілген, бұл қаріптерде жазылған мәтіндердің ұзын мәтіндерін оқу өте қиын.

Monospace қаріптері ескі жазу машинасында табылғандай, барлық әріптер бірдей мөлшерде және аралықта орналасады. Хаттарға олардың өлшеміне байланысты айнымалы ентері бар басқа қаріптерден айырмашылығы (мысалы, «W» асты «i» деген кіші әріптен гөрі әлдеқайда көбірек орын алатын болады), моноснефтік қаріптер барлық таңбалар үшін тіркелген. Бұл қаріптер көбінесе беттегі код көрсетілсе пайдаланылады, себебі олар сол беттегі басқа мәтіннен анық көрінеді.

Серифтік қаріптер - танымал классификациялардың бірі. Бұл хат форматтарында аз қосымша лигатура бар қаріптер. Бұл қосымша бөліктер «серифтер» деп аталады. Common serif қаріптері Грузия және Times New Roman. Шрифтердің шрифттері тақырып сияқты үлкен мәтіндер үшін, сондай-ақ мәтіннің және дене көшірмесінің ұзын үзінділерін пайдалануға болады.

Sans-serif - біз қарастыратын соңғы жіктеме. Бұл жоғарыда аталған лигатуралары жоқ қаріптер. Атау «серифтерсіз» дегенді білдіреді. Осы категориядағы танымал қаріптер Arial немесе Helvetica болады. Серифтерге ұқсас, sans-serif қаріптері тақырыптарда, сондай-ақ дененің мазмұнында да жақсы қолданылуы мүмкін.

Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard 10/16/17 жылы редакцияланған