|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Все правила CSS. Параметры шрифта |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Для описания параметров шрифта, CSS предлагает нам следующие правила:
Варианты семейств должны разделяться запятыми, а, если название семейства состоит из нескольких слов, рекомендуется заключать его в апострофы или кавычки: 'new century schoolbook' Бесплатный совет: шрифты семейств Verdana, Tahoma и Georgia являются свободно доступными. Например, их можно взять на сайте Microsoft©, а, так же, они распространяются вместе с Windows 98™ (только Verdana и Tahoma). Скачайте и установите их, так как они специально разработаны для представления текстов на экране. font-style Здесь все просто и особых комментариев не требует. Это начертание шрифта. normal - нормальное, italic - италик, oblique - наклонное, правда, интернет эксплорер отображает его, как italic. font-variant Вариант начертания. small-caps - все заглавные font-weight Задает толщину шрифта. Обычно используется только значение bold. Это означает, что элемент будет отображен полужирным шрифтом. На самом деле все несколько сложнее. В следующей табличке приведены все возможные значения этого правила.
Значения bolder и lighter
являются относительными. Т.е. если
элемент является дочерним к элементу со
значением font-weight: bold и
правило font-weight для него
задано lighter, то он будет
отображен нормальным шрифом. Например: Эта
фраза содержит слово
с правилом font-weight: lighter и слово
с правилом font-weight: bolder.
font-size Задает размер шрифта. Возможно
несколько вариантов указания размеров:
Кроме того, можно задать интерлиньяж (высоту строки). Делается это так: font:
10pt/6pt Вот код: <SPAN STYLE="font: 10pt/6pt">font:
10pt/6pt</SPAN><BR> Здесь использована краткая
форма записи правил отображения шрифта. Далее
я о ней расскажу подробнее. @font-face Новая технология встроенных
шрифтов (embeded fonts) позволяет использовать
в оформлении страницы те шрифты, которых
нет на клиентской машине. Для этого
необходимо подготовить файл типа OpenType (.eot,
.ote), который содержит сжатые данные,
которые преобразуются в шрифт TrueType на
клиентской машине. Дополнительную
информацию можно почерпнуть на сайте Сокращенная форма font Для краткой записи свойств
шрифта используется сокращенная форма font.
Правила для шрифта перечисляются в
принятой в типографике системе задания
параметров шрифтов: [ [ <'font-style'> || <'font-variant'>
|| <'font-weight'> ]? <'font-size'> [ / <'line-height'>
]? <'font-family'> ] | caption | icon | menu | message-box |
small-caption | status-bar
Специальные типы шрифта caption,
icon, menu, message-box, small-caption, status-bar
соответствуют следующим шрифтам,
установленным на клиентской машине:
Разбор краткой формы происходит следующим образом. Каждому правилу задаются значения по умолчанию (зависит от конкретного браузера и его настроек). Далее те значения, которые указаны в правилах - присваиваются, а неуказанные остаются такими, какими они были заданы на первом этапе. Пример использования краткой формы записи правил отображения шрифта: Фраза с краткой формой записи правил <SPAN STYLE="font: oblique 12pt Verdana, serif;
color: red"> Примеры использования SPAN.test { и далее: <SPAN CLASS="test">Тестовая
фраза</SPAN>. SPAN.test1 { и далее: <SPAN CLASS="test1">Тестовая
фраза</SPAN>. Описание правил может содержать, как краткую, так и развернутую форму. Например SPAN.test2 { и далее: <SPAN CLASS="test2">Тестовая
фраза</SPAN>. ВНИМАНИЕ!!! приведенные примеры неодинаково отображаются в разных браузерах. Проверяйте все свои разработки на разных платформах перед тем, как делать их доступными всем пользователям. Источник: http://exper.ural.ru/
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Copyright © "Internet Zone", info@izcity.com | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. |