CSS шрифты (шрифт)

Свойства CSS шрифта определить шрифт, жирный, размер, стиль текста.

Разница между засечками и без засечек шрифты между

На экранах компьютеров, без засечек шрифты считаются более удобными для чтения, чем шрифты с засечками

CSS шрифт

В CSS существует два типа имен семейств шрифтов:

• Родовой семейство шрифтов - имеет аналогичные комбинации системы внешний вид шрифта (например, "засечками" или "MONOSPACE")
• Конкретные семейство шрифтов - специфический семейство шрифтов (например, "Таймс" или "Курьер")

семейство шрифтов

семейство шрифтов свойство семейства шрифта текста.

семейство шрифтов свойство должно быть установлено несколько названий шрифтов в качестве механизма "запасного варианта", если браузер не поддерживает первый шрифт, он будет попробовать следующий шрифт.

Примечание: Если имя семейства шрифтов больше , чем одно слово, оно должно быть заключено в кавычки, например, Font Family: "Times New Roman" .

Множественный семейство шрифтов задается разделенных запятыми:

Для наиболее часто используемых шрифтов комбинаций, посмотрите на наших веб-безопасной комбинации шрифтов .

стиль шрифта

Главным образом атрибут определяет стиль шрифта курсива.

Это свойство имеет три значения:

• Normal - нормальный текстовый дисплей
• Курсив - текст отображается курсивом
• Асимметричный характер - одна сторона склонна к тексту (и очень похож на курсив, но менее поддерживается)

Размер шрифта

Размер имущества размер шрифта текста.

Может управлять размером текста в веб-дизайне очень важно. Тем не менее, вы не можете настроить размер шрифта, чтобы сделать пункты выглядеть заголовками, или сделать заголовок выглядеть пункты.

Обязательно используйте правильный HTML-теги в <h1> - <h6> представляет заголовок и <р> представляет абзац:

Шрифт значение размера может быть абсолютным или относительным размером.

Абсолютный размер:

• Установите текст указанного размера
• Мы не можем изменить размер текста во всех браузерах
• Определить физический размер выходного абсолютного размера полезного

Относительный размер:

• Что касается окружающих элементов, чтобы установить размер
• Это позволяет пользователю изменять размер текста в браузере

Если вы не укажете размер шрифта, размер по умолчанию, а также обычные текстовые пункты, это 16 пикселей (16px = 1em).

Установка пиксель размер шрифта

Установка размера текста с пикселей, дает вам полный контроль над размер текста:

В приведенном выше примере 9, Firefox, Chrome, Opera, Safari и, настроить размер текста путем расширения браузера Internet Explorer.

Хотя вы можете настроить размер текста с помощью инструмента масштабирования браузера, однако, эта корректировка является вся страница, а не только текст

Используйте EM, чтобы установить размер шрифта

Для того чтобы избежать Internet Explorer не может быть отрегулирована в тексте, многие разработчики используют EM единиц, а не пикселей.

блок эм-размер рекомендуется W3C.

1em равен текущему размеру шрифта. В браузере по умолчанию размер текста 16px.

Поэтому, по умолчанию размер 1em является 16px. Следующая формула может быть преобразована в пикселах ЕМ: ПВ / 16 = EM

В приведенном выше примере, размер ЕМ текста такой же, как и в предыдущем примере в пикселях. Тем не менее, если вы используете EM единиц, вы можете настроить размер текста во всех браузерах.

К сожалению, IE по-прежнему остается проблема связана с браузером. Изменять размер текста, то он будет меньше, чем обычно, или больше по размеру.

Использование комбинации процентов и EM

Во всех браузерах решений, набор <тело> элемент размер шрифта по умолчанию в процентах:

Наш код является очень эффективным. Во всех браузерах может отображать один и тот же размер текста, и позволяет все браузеры, чтобы увеличить размер текста.

Другие примеры

Установить шрифт полужирный
Этот пример показывает, как установить шрифт жирным шрифтом.

Вы можете установить изменение шрифта
Этот пример показывает, как установить изменения шрифта.

Все свойства шрифта в одной декларации
Этот пример демонстрирует, как использовать сокращённое свойство для установки свойств шрифта в одной декларации.

Все свойства CSS шрифта