Правила CSS3 @ шрифт-лицо
примеров
Укажите шрифт с именем "myFirstFont", а также указать, где найти его адрес:
{
семейство шрифтов: myFirstFont;
SRC: URL ( 'Sansation_Light.ttf'),
URL ( 'Sansation_Light.eot'); / * IE9 * /
}
Попробуйте »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome, Safari и поддержка @ шрифта лицо правила.
Тем не менее, Internet Explorer 9 поддерживает только .eot типов шрифтов, Firefox, Chrome, Safari и Opera поддержка .ttf и .otf двух типов шрифтов.
Примечание: Internet Explorer 8 и более ранние версии IE не поддерживают @ правило шрифта лица.
Определение атрибута и инструкции
@ Правило Font-лица, веб-дизайнеры больше не придется использовать "веб-безопасные" шрифты один.
Название шрифта, шрифта - правила для лица:
- семейство шрифтов: myFirstFont;
Файлы шрифтов, содержащиеся на сервере где-нибудь, ссылка CSS:
- SRC: URL ( 'Sansation_Light.ttf')
Если файл шрифта находится в другом месте, используйте полный URL:
- SRC: URL ( '../../ www.w3cschool.css / CSS3 / Sansation_Light.ttf')
Теперь готов использовать шрифт, Ниже приведен пример того, как использовать его все DIV элемент:
{
семейство шрифтов: myFirstFont;
}
Синтаксис:
- @ Font-лица
{
свойств шрифта
}
Следующие примеры шрифтов, используемых в DIV:
{
семейство шрифтов: myFirstFont;
}
грамматика
{
свойств шрифта
}
| шрифт описание | значение | объяснение |
|---|---|---|
| семейство шрифтов | имя | Обязательный параметр. Определить имя шрифта. |
| ЦСИ | URL | Обязательный параметр. Определение загрузки шрифтов URL (S) |
| шрифт-стрейч | нормальный сгущенный ультра-конденсированной экстра-конденсируется полуприцеп конденсируется расширенный полу вспененные дополнительные вспененные ультра вспененные | Необязательно. Определите, как следует быть растянут шрифт. Значение по умолчанию является "нормальным" |
| стиль шрифта | нормальный курсивный косой | Необязательно. Определить стиль шрифта должен быть. Значение по умолчанию является "нормальным" |
| начертание шрифта | нормальный полужирный 100 200 300 400 500 600 700 800 900 | Необязательно. Вес пользовательских шрифтов. Значение по умолчанию является "нормальным" |
| юникода-диапазон | юникода-диапазон | Необязательно. Диапазон определяется шрифтов поддерживает символы Юникода. Значение по умолчанию "и + 0-10 FFFF" |
Статьи по Теме
CSS3 учебник: CSS3 шрифты