Сінтаксіс Font-Family уласнасці
Друкарская дызайн з'яўляецца крытычна важнай часткай паспяховага вэб - дызайну. Стварэнне сайтаў з тэкстам , які лёгка чытаць і які выглядае выдатна гэта мэты кожнага вэб - дызайн прафесіянала. Для дасягнення гэтай мэты, вы павінны быць у стане ўсталяваць канкрэтныя шрыфты, якія вы хочаце выкарыстоўваць на сваіх вэб-старонках. Каб паказаць шрыфт або сямейства шрыфтоў на вэб-дакументаў, якія вы будзеце выкарыстоўваць сямейства шрыфтоў ўласцівасць стылю ў вашым CSS.
Самы просты сямейства шрыфтоў стыль, які вы можаце выкарыстоўваць будзе ўключаць у сябе толькі адзін сямейства шрыфтоў:
р {сямейства шрыфтоў: Arial; }Калі вы ўжылі гэты стыль да старонкі, усе пункты будуць адлюстроўвацца ў «Arial» сямейства шрыфтоў. Гэта з'яўляецца вялікім, і так як «Arial» з'яўляецца тое, што вядома як «вэб-бяспечны шрыфт», што азначае, што большасць (калі не ўсе) б ён усталяваны кампутар, вы можаце быць даволі лёгка, ведаючы, што ваша старонка будзе адлюстроўвацца ў зададзеным шрыфце ,
Так што ж адбываецца, калі шрыфт абраны не знойдзены? Напрыклад, калі вы не выкарыстоўваеце «вэб-бяспечны шрыфт» на старонцы, што робіць агент карыстальніка рабіць, калі яны не маюць такой шрыфт? Яны робяць замену.
Гэта можа прывесці да вельмі смешна глядзець старонак. Аднойчы я зайшоў на старонку, дзе мой кампутар адлюстроўваецца яго цалкам у «Wingdings» (іконка-набор), таму што мой кампутар не мае шрыфт, які ўказаны распрацоўшчык, і мой браўзэр зрабіў вельмі дрэнны выбар у тым, што шрыфт гэта было б выкарыстоўваць у якасці замены. Старонка была цалкам нечытэльным для мяне! Гэта дзе стэк шрыфтоў ўваходзіць у гульню.
Асобныя некалькі сямействаў шрыфтоў з коскі ў Font Stack
«Стэк шрыфт» спіс шрыфтоў, якія вы хочаце, каб ваша старонку выкарыстоўваць. Вы б змясціць ваш выбар шрыфта ў парадку вашага перавагі і аддзяліць адзін з коскі. Калі браўзэр не мае першае сямейства шрыфтоў у спісе, ён будзе паспрабаваць другі, а затым трэці і гэтак далей да тых часоў, пакуль не знойдзе ён мае на сістэму.
сямейства шрыфтоў: Pussycat, алжырац, Брадвей;У прыведзеным вышэй прыкладзе, браўзэр будзе спачатку шукаць шрыфт «Кошечка», а затым «алжырскі» затым «Broadway», калі не было знойдзена ні адзін з іншых шрыфтоў. Гэта дае вам больш шанцаў, што будзе выкарыстоўвацца па меншай меры адзін з выбраных шрыфтоў. Гэта не ідэальна, таму мы яшчэ больш, мы можам дадаць у наш стэк шрыфта (чытаць далей!).
Выкарыстоўвайце Generic шрыфты Апошнімі
Такім чынам, вы можаце стварыць стэк шрыфтоў са спісам шрыфтоў і да гэтага часу не маюць ні аднаго з якіх браўзэр можа знайсці. Вы, відавочна, не хочаце, каб вашыя старонкі, каб паказаць нечытэльным, калі браўзэр робіць дрэнны выбар замяшчэння. На шчасце , CSS мае рашэнне для гэтага таксама: родавых шрыфтоў .
Вы заўсёды павінны скончыць свой спіс шрыфтоў (нават калі гэта спіс з адной сям'і або толькі вэб-бяспечных шрыфтоў) з агульным шрыфтам. Ёсць пяць, якія вы можаце выкарыстоўваць:
- хуткапіс
- фантастыка
- монашырынны
- без засечак
- засечкамі
Дзве прыведзеныя вышэй прыклады могуць быць зменены на:
сямейства шрыфтоў: Arial, без засечак; сямейства шрыфтоў: Pussycat, алжырац, Broadway, фантастыка;Некаторыя сямейства шрыфтоў Імёны двух або больш слоў
Калі сямейства шрыфтоў вы хочаце выкарыстоўваць больш, чым адно слова, то вы павінны атачыць яго падвойныя двукоссі. У той час як некаторыя браўзэры могуць чытаць сямейства шрыфтоў без двукоссяў, можа ўзнікнуць праблемы, калі пробельные кандэнсуюцца або ігнаруюцца.
сямейства шрыфтоў: "Times New Roman", засечкі;У гэтым прыкладзе вы можаце ўбачыць, што імя шрыфта «Times New Roman», які з некалькіх слоў, складзеная ў двукоссі. Гэта кажа браўзэру, што ўсе тры з гэтых слоў з'яўляюцца часткай гэтага імя шрыфта, у адрозненне ад трох розных шрыфтоў ўсіх з імёнамі з аднаго слова.
Арыгінал артыкула Джэніфер Krynin. Дата абнаўлення 12/2/16 Джэрэмі Girard