У той час як выявы атрымліваюць вялікую любоў, калі ён прыйшоў да вэб-сайтам, гэта напісана слова, якое звяртаецца да пошукавых сістэмах і нясе наперад ўтрыманне большасці сайтаў. Такім чынам, друкарскі дызайн з'яўляецца крытычна важнай часткай дызайну сайта. З важнасцю тэксту на сайце прыходзіць неабходнасць забеспячэння таго, каб яна добра выглядае і лёгка чытаць. Гэта робіцца з дапамогай CSS (каскадныя табліцы стыляў) стыляў.
Вынікаючы сучасным стандартам вэб-дызайну, калі вы хочаце, каб дыктаваць знешні выгляд тэкставага змесціва вэб-сайта, вы будзеце рабіць гэта з дапамогай CSS. Гэта аддзяляе гэты стыль CSS ад HTML структуры старонкі. У якасці прыкладу, калі вы хочаце ўсталяваць шрыфт старонкі, каб «Arial», вы можаце зрабіць гэта, дадаўшы наступнае правіла стылю ў вашым CSS (звярніце увагу - гэта, верагодна, будзе зроблена ў табліцы стыляў вонкавага CSS, што паўнамоцтвы стыляў для кожнай старонкі на сайце):
цела {сямейства шрыфтоў: Arial; }Гэты шрыфт усталёўваецца для «цела», так што CSS каскад будзе ўжыць стыль для ўсіх астатніх элементаў старонкі. Гэта адбываецца таму, што кожны элемент HTML з'яўляецца нашчадкам элемента «цела», стылі CSS, як сямейства шрыфтоў ці колер каскаду ад бацькі да даччынаму элементу. Гэта будзе ў выпадку, калі больш канкрэтны стыль не дадаецца для некаторых элементаў. Адзіная праблема з гэтым CSS з'яўляецца тое, што толькі адзін шрыфт задаецца. Калі гэты шрыфт не можа быць знойдзены якой-небудзь прычыне, то браўзэр будзе замяніць іншы на яго месцы. Гэта дрэнна, таму што вы не маеце ніякага кантролю над тым, які шрыфт выкарыстоўваецца - браўзэр будзе выбраць для вас, і вы можаце не падабаецца тое, што ён вырашыў выкарыстаць! Гэта значыць, калі стэк шрыфтоў прыходзіць.
Стэк шрыфта спіс шрыфтоў у CSS сямейства шрыфтоў дэкларацыі. Шрыфты пазначаны ў парадку перавагі, якія вы хацелі б, каб яны з'явіліся на сайце ў выпадку ўзнікнення праблем, як шрыфт не загружаецца. Стэк шрыфтоў дазваляе дызайнеру кантраляваць знешні выгляд шрыфтоў на вэб-старонцы, нават калі кампутар не мае першапачатковы шрыфт, які заклікаў.
Такім чынам, як выглядае стэк шрыфт? Вось прыклад:
цела {сямейства шрыфтоў: Грузія, "Times New Roman", засечкі; }Ёсць некалькі рэчаў, каб заўважыць тут.
Па-першае, вы ўбачыце, што мы аддзяліліся розныя імёны шрыфтоў з коскі. паміж кожнай з іх можна дадаць столькі шрыфтоў, як вы хочаце, да тых часоў, як яны аддзеленыя адзін ад аднаго коскі. Браўзэр будзе спрабаваць загрузіць першы шрыфт першай. Калі гэта не атрымоўваецца, ён будзе працаваць ўніз лінію, спрабуючы кожны шрыфт да таго часу, пакуль не знойдзе, што ён можа выкарыстоўваць. У гэтым прыкладзе мы выкарыстоўваем вэб-бяспечныя шрыфты, і «Грузія», верагодна, будзе знойдзены на кампутары карыстача, які наведвае сайт (нататка - браўзэр выглядае на вашым кампутары для шрыфтоў, указаных на старонцы, так што сайт на самой справе кажа кампутар, якія шрыфты для загрузкі з вашай сістэмы). Калі па нейкай прычыне, што шрыфт не быў знойдзены, ён будзе рухацца ўніз па стэку і паспрабаваць наступны шрыфт, ўказаны.
З пункту гледжання, што наступны шрыфт, звярніце ўвагу, як напісана ў стэку. Назва «Times New Roman», складзеная ў падвойныя двукоссі. Гэта адбываецца таму, што імя шрыфта мае некалькі слоў. Любыя шрыфты імёны з больш чым адным словам (Trebuchet MS, Courier New, і г.д.) павінны мець імя ў падвойных двукоссі, так што браўзэр ведае, што ўсе гэтыя словы з'яўляюцца часткай аднаго імя шрыфта.
Нарэшце, мы ў рэшце рэшт стэк шрыфтоў з засечкамі «», які з'яўляецца радавой класіфікацыяй шрыфта. У малаверагодна выпадку, што ні адзін з шрыфтоў вы назвалі ў стэку не даступныя, то браўзэр замест гэтага проста знайсці шрыфт, які па меншай меры, патрапіць у адпаведную класіфікацыю, якую вы выбралі. Напрыклад, калі вы выкарыстоўваеце сечаныя шрыфты, такія як Arial і Verdana, чым канчатак стэка шрыфта з класіфікацыяй «без засечак», па меншай меры, захаваць шрыфт у гэтай агульнай сям'і, калі ёсць праблема нагрузкі. Варта прызнаць, што гэта павінна быць вельмі рэдкім, што браўзэр не можа знайсці які-небудзь з шрыфтоў, пералічаных у стэку і павінен замест гэтага выкарыстоўваць гэтую агульную класіфікацыю, гэта лепшая практыка, каб уключыць яго ў любым выпадку проста быць ўдвая бяспечнымі.
Шрыфт стэкі і вэб-шрыфты
Многія вэб-сайты сёння выкарыстоўваюць вэб-шрыфты, якія альбо ўключаны на сайце разам з іншымі рэсурсамі (напрыклад, выявы сайта, Javascript файлаў і г.д.) або звязаных з на месцы за межамі пляцоўкі шрыфта, як Google Fonts ці Typekit. Хоць гэтыя шрыфты павінны загрузіць паколькі вы спасылаецеся файлы самі, вы ўсё яшчэ хочаце выкарыстоўваць стэк шрыфт, каб пераканацца, што ў вас ёсць некаторы кантроль над любымі пытаннямі, якія могуць паўстаць. Тое ж самае ставіцца і да «вэб-бяспечны» шрыфтоў, якія павінны быць на чыім-то кампутары (звярніце ўвагу, што шрыфты, якія мы выкарыстоўвалі ў якасці прыкладаў у гэтым артыкуле, у тым ліку Arial, Verdana, Грузіі і Times New Roman, ўсё вэб-бяспечныя шрыфты, якія павінны быць на кампутары чалавека). Нават нягледзячы на тое верагоднасць таго , што шрыфт няведання з'яўляецца вельмі нізкім, паказваючы стэк шрыфтоў дапаможа куленепрабівальным друкарскі дызайн сайта ў максімальна.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 8/9/17