Bert
BosДакумент створаны 17 Студзеня 2001;
Апошнія змены $Date: 2007/07/20 16:07:21 $ GMT
(Гэтая старонка выкарыстоўвае каскадныя табліцы стыляў CSS)
Дадзены дакумент з'яўляецца перакладам артыкула "Web Style Sheets CSS
tips & tricks".
Арыгінальная версія якога існуе толькі на сайце W3C http://www.w3.org/Style/Examples/007/fonts.html
Дадзены пераклад не з'яўляецца афіцыйным дакументам W3C.
Усе Аўтарскія Правы Належаць W3C.
Дадзены дакумент можа ўтрымоўваць памылкі перакладу і памылкі друку.
Аўтар: Аляксей Пятроў ( усе пераклады ) Дзякуй за падтрымку: Чорны Квадрат
Пасля колеру шрыфт, магчыма, найважная ўласцівасць старонкі. На гэтай старонцы не, не буду паказваць ніякіх трукаў, але пакажу рад варыяцый шрыфтоў, ужывальных CSS.
Паолькі не ўсе шрыфты даступны на ўсіх кампутарах (існуюць тысячы шрыфтоў і шматлікія не бясплатны), CSS забяспечвае рэзервовую сістэму. Вы пералічваеце шрыфты, якія вы жадаеце знайсці першым чынам, затым любыя шрыфты, якія вы будзеце выкарыстоўваць, калі не можаце знайсці неабходныя, і скончыце спіс тыпавым шрыфтам, які мае 5 выглядаў: serif, sans-serif, monospace, cursive і fantasy.
Наступная табліца паказвае прыклады розных шрыфтаў (ваш браўзэр можа не ведаць усё) і вы можаце ўбачыць, што ваш браўзэр робіць з кожным з пяці тыпавых шрыфтоў:
| 'sans-serif': звычайны шрыфт без засечак | |
|---|---|
Arial, sans-serif
| Самы сляпы той, хто глядзець не жадае. |
Helvetica, sans-serif
| Самы сляпы той, хто глядзець не жадае. |
Gill Sans, sans-serif
| Самы сляпы той, хто глядзець не жадае. |
Lucida, sans-serif
| Самы сляпы той, хто глядзець не жадае. |
Helvetica Narrow, sans-serif
| Самы сляпы той, хто глядзець не жадае. |
sans-serif
| Самы сляпы той, хто глядзець не жадае. |
| 'serif': звычайны шрыфт з засечкамі | |
Times, serif
| Самы сляпы той, хто глядзець не жадае. |
Times New Roman, serif
| Самы сляпы той, хто глядзець не жадае. |
Palatino, serif
| Самы сляпы той, хто глядзець не жадае. |
Bookman, serif
| Самы сляпы той, хто глядзець не жадае. |
New Century Schoolbook, serif
| Самы сляпы той, хто глядзець не жадае. |
serif
| Самы сляпы той, хто глядзець не жадае. |
| 'monospace': шрыфт фіксаванай шырыні | |
Andale Mono, monospace
| Самы сляпы той, хто глядзець не жадае. |
Courier New, monospace
| Самы сляпы той, хто глядзець не жадае. |
Courier, monospace
| Самы сляпы той, хто глядзець не жадае. |
Lucidatypewriter, monospace
| Самы сляпы той, хто глядзець не жадае. |
Fixed, monospace
| Самы сляпы той, хто глядзець не жадае. |
monospace
| Самы сляпы той, хто глядзець не жадае. |
| 'cursive': шрыфт, які імітуе почырк | |
Comic Sans, Comic Sans MS, cursive
| Самы сляпы той, хто глядзець не жадае. |
Zapf Chancery, cursive
| Самы сляпы той, хто глядзець не жадае. |
Coronetscript, cursive
| Самы сляпы той, хто глядзець не жадае. |
Florence, cursive
| Самы сляпы той, хто глядзець не жадае. |
Parkavenue, cursive
| Самы сляпы той, хто глядзець не жадае. |
cursive
| Самы сляпы той, хто глядзець не жадае. |
| 'fantasy': дэкаратыўны шрыфт, для загалоўкаў і г.д. | |
Impact, fantasy
| Самы сляпы той, хто глядзець не жадае. |
Arnoldboecklin, fantasy
| Самы сляпы той, хто глядзець не жадае. |
Oldtown, fantasy
| Самы сляпы той, хто глядзець не жадае. |
Blippo, fantasy
| Самы сляпы той, хто глядзець не жадае. |
Brushstroke, fantasy
| Самы сляпы той, хто глядзець не жадае. |
fantasy
| Самы сляпы той, хто глядзець не жадае. |
Шматлікія шрыфты маюць розную сістэму ў межах адной групы, звычайна тоўсты і італьянскі, часта таксама тоўсты італьянскі стыль, меней часта прапісныя літары і ў некалькіх выпадках экстра-светлыя/экстра-тоўстыя або расцягнутыя/сціснутыя версіі.
Табліца, дадзеная ніжэй, паказвае некалькі розных стыляў. Калі ў вас вельмі вялікая калекцыя шрыфтоў, шматлікія шэрагі могуць паўтарацца.
| правіла | serif | sans-serif | |||
|---|---|---|---|---|---|
| Стылі | |||||
font-style: normal
| The Quick… | The Quick… | |||
font-style: italic
| The Quick… | The Quick… | |||
font-style: oblique
| The Quick… | The Quick… | |||
| Вага | |||||
font-weight: 100
| The Quick… | The Quick… | |||
font-weight: 200
| The Quick… | The Quick… | |||
font-weight: 300
| The Quick… | The Quick… | |||
font-weight: normal
| The Quick… | The Quick… | |||
font-weight: 500
| The Quick… | The Quick… | |||
font-weight: 600
| The Quick… | The Quick… | |||
font-weight: bold
| The Quick… | The Quick… | |||
font-weight: 800
| The Quick… | The Quick… | |||
font-weight: 900
| The Quick… | The Quick… | |||
| Варыянты | |||||
font-variant: normal
| The Quick… | The Quick… | |||
font-variant: small-caps
| The Quick… | The Quick… | |||
| Расцяжымасць | |||||
font-stretch: ultra-condensed
| The Quick… | The Quick… | |||
font-stretch: extra-condensed
| The Quick… | The Quick… | |||
font-stretch: condensed
| The Quick… | The Quick… | |||
font-stretch: semi-condensed
| The Quick… | The Quick… | |||
font-stretch: normal
| The Quick… | The Quick… | |||
font-stretch: semi-expanded
| The Quick… | The Quick… | |||
font-stretch: expanded
| The Quick… | The Quick… | |||
font-stretch: extra-expanded
| The Quick… | The Quick… | |||
font-stretch: ultra-expanded
| The Quick… | The Quick… | |||
У CSS3 ёсць яшчэ адзін стыль: 'font-effect', які робіць літары рэльефнымі.