Подключаемые шрифты - это надстройка над каскадными стилями, разработанная Microsoft. Позволяет использовать на веб-странице любой шрифт, а не только одно из семейств (serif, sans-serif, monospace). С помощью специального приложения Microsoft WEFT из обычного файла True Type шрифта ttf получают файл внедренного шрифта eot.
Видимо, наиболее удобно будет после запуска приложения выбрать Tools- Fonts to embed... и выбрать из предложенного списка установленных в системе шрифтов нужный.
Обратите внимание на значок слева от шрифта. Он означает, что шрифт допустим для внедрения, что случается не всегда. Затем выберем команду Tools- Create Font Objects:
Первое поле указывает, где будет сохранен файл eot. Второе поле самое важное. Здесь необходимо перечислить все URL (или доменные адреса), с которых позволительно загружать шрифт. Если разместить файл на сервере, чей доменный адрес не включен в список, Internet Explorer не будет отображать шрифт. Кроме того, при работе с сервером Apache необходимо в файле .htaccess отключать поддержку русской перекодировки.
Нажимая на кнопку "Create fonts", мы запускаем процедуру преобразования. Затем полученный файл загружается на сервер. Чтобы использовать его на веб-странице, необходимо создать таблицу стилей, связывающую файл с конкретным именем:
Код:
@font-face {font-family: имя_шрифта; src:url(его_файл.eot)}
Эту таблицу логично разместить в общем для всех страниц файле стилей.
Далее, чтобы какой-либо элемент начал отображаться с помощью этого шрифта, просто указываем в его таблице стилей: font-family: имя_шрифта
В верхнем фрейме данного учебного сайта используется именно такой внедренный шрифт. В секции стилей этого фрейма находится:
Код:
<style>
@font-face {font-family: nt; src:url(NLife.eot)}
h1 {font-family:nt}
</style>