Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - @font-face.

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, поддерживает шрифты типа TTF( True Type Fonts) и OTF( OpenType шрифты). Chrome, Safari и Opera, также поддерживает SVG Fonts / формы. Internet Explorer также поддерживает EOT( Embedded OpenType) шрифты.

Внимание!!! Internet Explorer 8 и более ранних версий, не поддерживают @font-face.

Определение и использование. В новом правиле свойства @font-face Вы должны сначала определить имя для шрифта( например myFirstFont), а затем указать на файл шрифта. Используйте строчные буквы для URL шрифта. Прописные буквы могут дать неожиданные результаты в IE! Чтобы использовать шрифт для элемента HTML, обратитесь к имени шрифта( myFirstFont) через семейство шрифтов.

Правило @font-face дает возможность определить настройки любых шрифтов. Также правило @font-face дает возможность загрузить специфичный шрифт на компьютер пользователя на страницах Вашего сайта, так внутри правила @font-face находится набор свойств для изменения параметров шрифта( font-family, font-size, font-style и др.) и ссылка на шрифтовой файл через url. Ссылка записывается в виде src: url(URI), где URI — относительный или абсолютный путь к файлу.

                 div
                     {
                 font-family: myFirstFont;
                      }


Синтаксис:

               @font-face
                    {
                 font-properties
                       }

дескриптора Шрифта Значения Описание
font-family имя Требуется. Определяет название шрифта.
src URL Требуется. Определяет URL-адрес(s), где шрифт должен быть загружен
font-stretch обычный
сокращенные
ультра-сокращенный
экстра-сокращенный
полу-сокращенный
расширенный
полу-расширенный
экстра-расширенный
ультра-расширенный
Дополнительно. Определяет шрифт должен задан. Значением по умолчанию является "нормальный"
font-style обычный
курсив
косой
Дополнительно. Определяет шрифт должен быть оформлен. Значением по умолчанию является "нормальный"
font-weight обычный
полужирный
100
200
300
400
500
600
700
800
900
Дополнительно. Определяет жирность шрифта. Значение по умолчанию "нормальный"
unicode-range unicode-range Дополнительно. Определяет диапазон символов unicode. Значение по умолчанию "U+0-10FFFF"


Пишем программу - Укажите шрифт под названием "myFirstFont", и укажите адрес, по которому его можно найти:

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

div #qq
{
font-family:myFirstFont;
}
< /style>
< div  id="qq">
С помощью CSS3 на веб-сайтах можно использовать
 шрифты, отличные от заранее выбранного "web-safe" шрифты.
< /div>

< p>< b>Внимание!!!  Internet Explorer 8 и более ранние
       версии не поддерживают правило @font-face.< /p>

< /body>
< /html>                      

Результат программы:

С помощью CSS3 на веб-сайтах можно использовать шрифты, отличные от заранее выбранного "web-safe" шрифты.

Внимание!!! Internet Explorer 8 и более ранние версии не поддерживают правило @font-face.



Каталог ссылок, Top 100.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: