Веб-заметки и Веб-подсказки

Стандарт CSS3 предусматривает возможность использования своих нестандартных шрифтов. Делаеться это очень просто:

Сначала нам нужно объявить свой новый шрифт, а точнее — задать ему имя и указать путь к самому файлу шрифта:

@font-face {
font-family: "myFont";
src: url("my-font.ttf");
}


После это мы можем использовать этот шрифт, добавляя его название первым в перечень шрифтов.

font-family: myFont, Helvetica, sans-serif;

Примечание: остальные по списку шрифты будут использованы в тол случае, если наш подключаемый шрифт по каким либо непредвиденным обстоятельствам будет недоступен.

Internet Explorer первым реализовал возможность подключать свои шрифты (начиная с 4-й версии), но сделано это было не совсем так, как реализовано сейчас в остальных браузерах. Отличие состоит в том, что для IE требуется шрифт в формате *.eot, а не в *.ttf.
По-этому нужно подготовить шрифт в 2-х форматах (EOT и TTF).
Для таких целей существуют замечательные онлайн-сервисы для конвертации шрифтов, к примеру:
http://www.fontsquirrel.com/fontface/generator.

Комплексный пример будет выглядеть, примерно, так:

<style type="text/css">
/*Для Internet Explorer*/
@font-face {
font-family: "myFont";
src: url("my-font.eot");
}
/*Для Остальных браузеров*/
@font-face {
font-family: "myFont";
src: url("my-font.ttf");
}
h1 {
font-family: myFont, Helvetica, sans-serif;
}
</style>
....
<h1>Testing text</h1>


Преимущества использования подключаемых шрифтов очевидны.
Этот текст:

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

Благодаря этой и похожим возможностям, сайты станут более привлекательными, а разработчики — более счастливыми.