CSS3 шрифт

Правила CSS3 @ шрифт-лицо

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

Использование CSS3, веб-дизайнеры могут использовать любой шрифт, он / она любит.

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

Шрифт по вашему выбору в новой версии на CSS3 @ описании правила шрифта лицо.

Ваши "собственные" шрифты определены в CSS3 @ шрифт лицом правила.

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии имущества.

Internet Explorer 9 +, Firefox, Chrome, Safari и Opera поддержка WOFF (Web Open Font) шрифты.

Firefox, Chrome, Safari и Opera поддержка .ttf (шрифты True Type) и .otf (OpenType) шрифт шрифта).

Chrome, Safari и Opera также поддерживают SVG шрифты / разрушилась.

Internet Explorer также поддерживает EOT (Embedded OpenType) шрифты.

Примечание: Internet Explorer 8 и более ранние версии не поддерживают новое правило @ шрифт лицу.

Вы должны использовать шрифт

В новый @ шрифт лицом правило, необходимо сначала определить имя шрифта (например, myFirstFont), а затем указать на файл шрифта.

	Совет: URL использовать строчную шрифт, заглавные буквы в IE будет производить неожиданные результаты

Чтобы использовать шрифт для HTML-элемента, для обозначения имени шрифта (myFirstFont) шрифтом семейства свойств:

примеров

<style>
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div
{
font-family:myFirstFont;
}
</style>

Попробуйте »

Используйте жирный текст

Вы должны добавить еще один @ правило шрифта для лица, содержащий текст, выделенный жирным:

примеров

@font-face
{
font-family: myFirstFont;
src: url(sansation_bold.woff);
font-weight:bold;
}

Попробуйте »

Файл "Sansation_Bold.ttf" еще один шрифт файл, который содержит Sansation шрифт полужирный.

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

Таким образом, вы можете иметь много одного и того же шрифта @ шрифта лицом правила.

Описание CSS3 шрифта

В следующей таблице перечислены все описание шрифта и внутри определения @ шрифта лицо правила: