Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 5:

Шрифты в CSS

< Лекция 4 || Лекция 5: 12345 || Лекция 6 >

Параметр 'font-size-adjust'

Отношение между высотой буквы "x" нижнего регистра в шрифте и высотой "font-size" называется значением аспекта шрифта. Если значение аспекта большое, то шрифт будет легче читаться, когда его размер уменьшается. Например, Verdana имеет значение аспекта, равное 0.58, т.е. если размер шрифта равен 100px, то высота буквы x нижнего регистра будет равна 58px. Times New Roman имеет значение аспекта 0.46. Таким образом, чем больше значение аспекта шрифта, тем легче он читается при уменьшении. В данном случае шрифт Verdana при уменьшении будет читаться лучше, чем Times New Roman.

Свойство font-size-adjust определяет значение аспекта для элемента, которое будет сохранять высоту буквы x нижнего регистра выбранного шрифта.

Наследование: да.

Возможные значения:

Значение Описание
none Не сохранять высоту буквы x шрифта, если шрифт недоступен
number Определяет значение аспекта для шрифта

Используемая формула:

размер выбранного шрифта * (font-size-adjust/значение аспекта доступного шрифта) = размер шрифта для доступного шрифта

Пример:

Если 14px Verdana (значение аспекта 0.58) недоступен, а доступный шрифт имеет значение аспекта 0.46, то размер шрифта для подстановки будет 14 * (0.58/0.46) = 17.65px.

Пример:

p
{
font-size-adjust: none
} 

p
{
font-size-adjust: 0.50
}

Параметр 'font-stretch'

Данный параметр сжимает или расширяет текущее семейство шрифтов.

Необходимо отметить, что семейство шрифтов сжимается или расширяется только горизонтально.

Наследование: да.

Возможные значения:

Значение Описание
normal Задает масштаб сжатия или расширения как обычный
wider Задает масштаб расширения как следующее расширенное значение
narrower Задает масштаб сжатия как следующее сжатое значение
ultra-condensed Задает масштаб сжатия или расширения семейства шрифтов. "ultra-condensed" является самым сжатым значением, а " ultra-expanded" — самым широким
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded

Пример:

colspan="2"
p
{
font-stretch: extra-expanded
}

Параметр 'font-style'

Данный параметр задает стиль шрифта.

Наследование: да.

Возможные значения:

Значение Описание
normal Браузер выводит обычный шрифт
italic Браузер выводит шрифт курсивом
oblique Браузер выводит наклонный шрифт

Пример:

p
{
font-style: oblique
} 

h1
{
font-style: italic
}
< Лекция 4 || Лекция 5: 12345 || Лекция 6 >
Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?

Данила Некрасов
Данила Некрасов
Россия, Пермь, ПНИПУ
Сергей Федоров
Сергей Федоров
Россия