Суреттер веб-сайттарға келгенде сүйіспеншіліктің көп болуына қарамастан, бұл іздеу жүйелеріне жүгінеді және көптеген сайттардың мазмұнын орындайтын жазбаша сөз. Осылайша, типографиялық дизайн веб-сайт дизайнының маңызды бөлігі болып табылады. Сайт мәтінінің маңыздылығына қарай оның жақсы және қарапайым болуы мүмкін екенін қамтамасыз ету қажет. Бұл CSS (Cascading Style Sheets) стильдеуімен жасалады.
Веб-сайттың қазіргі заманғы стандартынан кейін веб-сайттың мәтіндік мазмұнын көруді қаласаңыз, оны CSS арқылы жасай аласыз. Бұл CSS стилін беттің HTML құрылымынан бөледі. Мысал ретінде беттің қаріпін «Arial» етіп орнатқыңыз келсе, CSS-ге келесі стиль ережесін қосу арқылы (жазба - бұл стильдерді күшейтетін сыртқы CSS мәнер кестесінде жасалуы мүмкін) сайттың әр беті үшін):
body {қаріп-отбасы: Arial; }Бұл шрифт «body» үшін орнатылған, сондықтан CSS каскадты стильді беттің барлық басқа элементтеріне қолданатын болады. Себебі әрбір HTML элементі «body» элементінің еншілес элементі болып табылады, қаріп тұқымдары немесе түсі сияқты CSS мәнерлері ата-аналардан бала элементіне каскадталады. Бұл белгілі бір элементтер үшін ерекше стиль қосылмаған жағдайда болады. Бұл CSS-дің жалғыз проблемасы тек бір қаріпті көрсетеді. Егер қандай да бір себептермен бұл қаріпті табу мүмкін болмаса, браузер басқа біреуін орнына алмастырады. Бұл нашар, себебі сіз қандай шрифт қолданылатындығын бақыламайсыз - браузер сізді таңдайды және оны пайдалануды шешкенді ұнатпауы мүмкін! Бұл жерде қаріптер стекі келеді.
Шрифт стек - CSS қаріп-отбасы туралы декларациядағы қаріптер тізімі. Қаріптер қаріптерді жүктеу сияқты мәселе туындаған кезде олардың сайтында пайда болуын қалайтын артықшылық тәртібімен тізімделген. Қаріптің стекі, егер сізде компьютерде бастапқы шрифт жоқ болса да, дизайнер веб-беттегі қаріптердің көрінісін басқаруға мүмкіндік береді.
Сонымен, қаріп стекінің қалай көрінеді? Міне мысал:
body {font-family: Грузия, «Times New Roman», serif; }Бұл жерде байқауға болатын бірнеше нәрсе бар.
Алдымен, әр түрлі қаріп атауларын үтірмен бөлгенімізді көресіз. әрқайсысының арасынан біреуі үтірмен бөлінгенше қанша қаріп қосуға болады. Браузер алдымен көрсетілген бірінші қаріпті жүктеуге тырысады. Егер бұл сәтсіз болса, ол әр қаріпті пайдаланып, ол қолдануға болатын жолды табуға тырысады. Бұл мысалда біз веб-қауіпсіз қаріптерді қолданамыз және сайтқа кіретін адамның компьютерінде «Грузия» табылуы мүмкін (ескертпе - браузер сіздің компьютеріңізде бетте көрсетілген қаріптерді қарастырады, сондықтан сайт нақты айтады сіздің жүйеңізден жүктеуге арналған компьютер). Егер қандай да бір себептермен шрифт табылмаса, ол стаканы төмендетіп, көрсетілген келесі қаріпті көріңіз.
Келесі шрифт тұрғысынан, оның бумада қалай жазылғанына назар аударыңыз. «Times New Roman» атауы қос тырнақшаға салынған. Себебі, қаріптің атында бірнеше сөз бар. Бірнеше сөзден тұратын кез келген қаріптер атаулары (Trebuchet MS, Courier New және т.б.) браузер барлық сөздердің бір қаріп атауының бөлігі екенін білетін етіп қос тырнақшаларда атау болуы керек.
Ақыр аяғында, біз қаріптерді «serif» деп атаймыз, бұл әдеттегі қаріп классификациясы. Шеңберінде ат қойған қаріптердің ешқайсысы жоқ екені екіталай, браузер орнына сіз таңдаған дұрыс жіктемеге түсетін қаріпті ғана табады. Мысалы, Arial және Verdana сияқты sans-serif қаріптерін қолдансаңыз, «sans-serif» жіктемесі бар қаріптерді бітеуі аяқталудан гөрі, жүктеме мәселесі болса, бұл отбасындағы барлық қаріпті сақтайды. Әрине, браузер стекке енгізілген қаріптерді таба алмайды және орнына осы жалпы жіктеуді қолдануы керек, өте сирек болуы керек, бұл бәрібір екі есе қауіпсіз болу үшін ең жақсы әдіс болып табылады.
Шрифттер және веб-қаріптер
Көптеген веб-сайттар бүгінгі күнде сайтқа басқа ресурстармен бірге (веб-сайт суреттері, Javascript файлы сияқты) немесе веб-шрифттер сияқты Google шрифттері немесе Typekit секілді сілтеме жасайтын веб-қаріптерді пайдаланады. Осы қаріптер файлдарға өзіңіз байланыстырғаннан кейін жүктелуі тиіс, бірақ туындауы мүмкін кез-келген мәселелерді басқаруға кепілдік беру үшін, сіз әлі де қаріп стекасын қолданғыңыз келеді. Сондай-ақ, біреудің компьютерінде болуы керек «веб-қауіпсіз» шрифттерге (осы мақалада мысал ретінде пайдаланылған қаріптер, Arial, Verdana, Georgia және Times New Roman сияқты) назар аударыңыз. адамның компьютерінде). Қаріптің жоғалуы ықтималдығы өте төмен болса да, қаріптер стакасын көрсете отырып , сайттың типографиялық дизайнына барынша кедергі келтіреді.
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard, 8/9/17 жылы редакцияланған