Якія агульныя сямейства шрыфтоў у CSS?

Родавыя класіфікацыі шрыфтоў, даступных для выкарыстання на вашым сайце

Пры распрацоўцы вэб-сайта, адзін з ключавых элементаў старонкі, якія вы будзеце працаваць з здавольваецца тэкст. Такім чынам, пры стварэнні вэб-старонкі і стыль яго з CSS, большая частка гэтых намаганняў будзе засяроджаная вакол тыпаграфікі сайта.

Друкарская дызайн гуляе важную ролю ў дызайне сайта. Добра прадуманы і formateed зместу тэксту дапамагае сайт будзе больш паспяховым, ствараючы вопыт чытання, што з'яўляецца прыемным і лёгка спажываць. Частка вашых намаганняў у рабоце з тыпам будзе выбраць правільныя шрыфты для вашага дызайну , а затым выкарыстоўваць CSS , каб дадаць гэтыя шрыфты і стылі шрыфтоў для адлюстравання старонкі. Гэта робіцца з дапамогай таго, што называецца « шрыфт-стэк »

Font-стэкі

Калі вы пазначыць шрыфт для выкарыстання на вэб - старонцы, гэта лепшая практыка таксама ўключаць рэзервовыя варыянты ў выпадку , калі ваш выбар шрыфта не можа быць знойдзены. Гэтыя рэзервовыя варыянты прадстаўленыя ў «шрыфце стэка.» Калі браўзэр не можа знайсці першы шрыфт, названы ў стэку, ён пераходзіць на наступны. Ён працягвае гэты працэс да таго часу, пакуль не знойдзе шрыфт, які ён можа выкарыстоўваць, ці ён бяжыць з варыянтаў (у гэтым выпадку ён проста выбірае якой-небудзь сістэмны шрыфт ён хоча). Вось прыклад таго, як шрыфт стэк будзе выглядаць у CSS, калі ўжываецца да элемента "цела":

цела {сямейства шрыфтоў: Грузія, "Times New Roman", засечкі; }

Звярніце ўвагу на тое, што мы паказваем шрыфт Грузію першым. Па змаўчанні, гэта тое, што старонка будзе выкарыстоўваць, але калі гэты шрыфт не даступны па нейкай прычыне, старонка будзе Адкат да Times New Roman. Прыкладаем гэтае імя шрыфта ў падвойных двукоссях, таму што гэта імя з некалькіх слоў. Адзінкавыя імёны шрыфтоў словы, як Грузія ці Arial, не патрабуюць двукоссяў, але назве некалькі слоў шрыфта патрэбныя іх так, што браўзэр ведае, што ўсе гэтыя словы складаюць імя шрыфта.

Калі вы паглядзіце на канец стэка шрыфта, вы павінны заўважыць, што мы ў рэшце рэшт са словам «засечак». Гэта агульная назва сямейства шрыфтоў. У малаверагодна выпадку, калі чалавек не мае Грузіі ці Times New Roman на кампутары, на сайце будзе выкарыстоўваць любы шрыфт з засечкамі ён мог знайсці. Гэта пераважна дазваляе сайту Адкат да якіх-небудзь шрыфтоў ён хоча, таму што вы можаце па крайняй меры сказаць, які тып шрыфта для выкарыстання, так што агульны выгляд і тон дызайн сайта будзе непашкоджанымі, наколькі гэта магчыма. Так, браўзэр будзе выбраць шрыфт для вас, але, па меншай меры, вы забяспечваеце кіраўніцтва, так што ведае, які шрыфт будзе працаваць лепш за ўсё ў дызайне.

Агульныя сямейства шрыфтоў

Радавое назва шрыфта даступныя ў CSS з'яўляюцца:

Хоць Ёсць шмат іншых класіфікацый шрыфтоў, даступных у інтэрнэце-дызайне і тыпаграфікі, уключаючы пліты засечкі, Blackletter, дысплей, гранж, і многіх іншых, гэтыя 5 пералічаных вышэй агульных назвы шрыфтоў з'яўляюцца тыя, якія вы выкарыстоўваеце ў шрыфце стэку ў CSS. Якія адрозненні ў гэтых класіфікацыяў шрыфтоў? Давайце паглядзім!

Курсіў шрыфты часта паказваюць тонкія дэкаратыўныя літарныя, якія прызначаны для рэплікацыі фантазіі рукапіснага тэксту. Гэтыя шрыфты, з-за іх тонкія кветкавыя літары, не пасуюць для вялікага блока кантэнту, як копіі цела. Курсіў шрыфты звычайна выкарыстоўваюцца для загалоўкаў і кароткіх тэкставых патрэбаў, якія могуць быць адлюстраваны ў вялікіх памерах шрыфта.

Фэнтэзі шрыфты з'яўляюцца некалькі вар'яты шрыфты , якія на самай справе не трапляюць ні ў адну іншую катэгорыю. Шрыфты, якія капіююць вядомыя лагатыпы, як літарныя з Гары Потэра ці Назад у будучыню кіно, трапляюць у гэтую катэгорыю. Зноў жа, гэтыя шрыфты не пасуюць для ўтрымання цела, так як яны часта настолькі стылізаваныя, што чытанне больш доўгія урыўкаў з тэксту, напісанага ў гэтых шрыфтах занадта цяжка зрабіць.

Monospace шрыфты з'яўляюцца тыя , дзе ўсе літары роўнага па памеры і расцягнутыя, як вы б знайшлі на старой пішучай машынцы. У адрозненне ад іншых шрыфтоў, якія маюць розную шырыню для літар у залежнасці ад іх памеру (напрыклад, капітал «W» будзе займаць значна больш месца, чым маленькай "я"), Monospace шрыфты фіксаванай шырыні для ўсіх знакаў. Гэтыя шрыфты часта выкарыстоўваюцца, калі код адлюстроўваецца на старонцы, таму што яны выглядаюць прыкметна адрозніваецца ад іншага тэксту на гэтай старонцы.

Шрыфты , з'яўляюцца адным з найбольш папулярных класіфікацый. Гэтыя шрыфты, якія маюць невялікія дадатковыя лігатуры аб літарных. Гэтыя дадатковыя часткі называюцца «засечкі». Агульныя шрыфты з засечкамі з'яўляюцца Грузія і Times New Roman. Serif шрыфты могуць быць выкарыстаны для вялікага тэксту, як загаловак, а таксама доўгія ўрыўкі тэксту і копіі цела.

Без засечак з'яўляецца канчатковай класіфікацыі мы разгледзім. Гэтыя шрыфты, якія не маюць гэтую вышэйзгаданы лігатуру. Назва азначае «без засечак». Папулярныя шрыфты ў гэтай катэгорыі будзе Arial або Helvetica. Падобна засечкі, без засечак шрыфты могуць выкарыстоўвацца аднолькава добра ў вырабатках, а таксама ўтрыманне цела.

Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 10/16/17