Вучыцеся выкарыстоўваць CSS, каб змяніць атрыбуты шрыфта
Шрыфты і CSS
CSS з'яўляецца найбольш эфектыўным спосабам наладзіць шрыфты на вашай вэб - старонцы. Вы можаце кіраваць сямейства шрыфтоў , памер, колер, вага, і многія іншыя аспекты кнігадрукавання.
Ўласцівасці шрыфта ў CSS з'яўляюцца адным з найбольш распаўсюджаных спосабаў зрабіць вашу старонку больш самабытнай і непаўторнай. Лёгка змяніць колер, памер, і нават твар (сам шрыфт) вашага тэксту з ўласцівасцямі CSS шрыфта .
- колер
- сямейства шрыфтоў
- памер шрыфта
Ёсць тры часткі шрыфта:
- колер
- Гэта колер шрыфта будзе адлюстроўвацца як на экране.
- памер
- Гэта як вялікая ці маленькая гарнітура будзе аказваць на экране.
- твар
- Гэта сямейства шрыфтоў, што часта называюць фактычным шрыфтам.
шрыфт Колеры
Каб змяніць колер тэксту, проста выкарыстоўваць ўласцівасць CSS колеру стылю. Вы можаце выкарыстоўваць назву колераў або шаснаццаткавыя коды. Як і ўсе колеры ў Інтэрнэце, то лепш за ўсё выкарыстоўваць браўзэр бяспечныя колеру .
Паспрабуйце наступныя стылі ў вашых вэб-старонках:
гэты шрыфт чырвонага колеру
гэты шрыфт афарбаваны ў сіні колер
памер шрыфта
Калі вы ўсталюеце памер шрыфта на вэб-сайце вы можаце ўсталяваць яго ў адносных велічынях або быць вельмі спецыфічнымі, выкарыстоўваючы пікселі, сантыметры або цалі. Тым ня менш, больш дакладныя памеры шрыфтоў прызначаныя для выкарыстання для друку , а не для вэб - старонак, дзе кожны , хто праглядае ваш сайт можа мець рознае дазвол, памер манітора, або налады шрыфта па змаўчанні. Такім чынам, калі вы выбіраеце 15px ў якасці стандартнага памеру, вы можаце быць непрыемна здзіўлены тым, наколькі вялікі або малы ваш шрыфт аказвае сваім кліентам.
Я рэкамендую вам выкарыстоўваць СЭМ для памеру шрыфта . Эмс дазваляе вашай старонцы заставацца даступнай незалежна ад таго, хто праглядае яго, і эмс прызначаны для візуалізацыі экрана. Пакіньце вашыя пікселі і кропкі для рэндэрынгу друку. Каб змяніць памер шрыфта, змесціце наступны стыль у вашай вэб-старонцы:
гэты шрыфт 1em
гэты шрыфт .75em
гэты шрыфт 1.25em
шрыфт Faces
Твар вашага шрыфта, што многія людзі думаюць, калі яны думаюць, што «шрыфт». Вы можаце абвясціць любы шрыфт твар, якое вы хацелі б, але памятайце, што калі ваш чытач не мае, што шрыфт, устаноўленыя іх браўзэр будзе спрабаваць знайсці адпаведнасць для яго, і іх старонка не будзе выглядаць, як вы хацелі.
Для вырашэння гэтай праблемы можна паказаць спіс імёнаў асобы, падзеленых коскамі, для браўзэра, каб выкарыстоўваць у парадку перавагі. Яны называюцца некалькі шрыфтоў. Майце на ўвазе, што стандартны шрыфт на кампутары (напрыклад, Arial), не можа быць стандартным на Macintosh. Такім чынам, вы заўсёды павінны праглядаць старонкі з мінімальна усталяванай машыны (і, пераважна, на абедзвюх платформах), каб пераканацца, што ваша старонка выглядае як задумана, нават з мінімальнымі шрыфтоў.
Адзін з маіх любімых стэкаў шрыфта Гэтага набор ўяўляе сабой набор шрыфтоў без засечак і ў той час як джын і Arial выглядае не вельмі падобны, яны абодва даволі стандартныя для Macintosh і Windows , кампутараў. Я ўключаю Helvetica і Helv для кліентаў на іншых аперацыйных сістэмах, такіх як Unix або Linux, якія не маглі б мець надзейную бібліятэку шрыфтоў.
гэты шрыфт без засечак
гэты шрыфт з засечкамі