вопрос о шрифтах.

Статус
В этой теме нельзя размещать новые ответы.

ivashka

Полезный
Регистрация
16 Май 2007
Сообщения
151
Реакции
15
Как привязать шрифт к вебстранице, что бы его можно было использовать? Как это делается.

Допустим есть у меня шрифт font.ttf которий находится в корне сайта, как мне его использовать на страницах? Что в стиле писать? Заранее благодарен.
 
Подключаемые шрифты - это надстройка над каскадными стилями, разработанная 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>
 
Кроме чем в ИЕ нигде эта надстройка имхо неработает.

ivashka, есть замечательнейшая штука. Называется sIFR, решает пожалуй почти все проблемы.
 
Или генерить скриптами картинки с нужными фразами... но это сложно, сплош и рядом не пременимо, но зато результат 100% :)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху