X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Использование своих шрифтов на странице
FeraS
FeraS
Topic Starter сообщение 17.10.2009, 21:35; Ответить: FeraS
Сообщение #1


Участник
***

Группа: User
Сообщений: 237
Регистрация: 9.1.2008
Поблагодарили: 70 раз
Репутация:   15  


Возможно кому-нибудь пригодится)

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

Определение нового шрифта задается директивой @font-face:
@fonе-face {
descriptor: value;

descriptor: value
}


Базовые дескрипторы шрифта, указываемые в специальной директиве, соответствуют шрифтовым свойствам CSS2 и принимают те
же значения, что и эти свойства. А именно вы можете указывать дескрипторы:
  • font-family
  • font-style
  • font-variant
  • font-weight
  • font-stretch
  • font-size

и их допустимые значения, чтобы определить новый шрифт. Например:
@font-face {
font-family : "AE Font";
font-style: normal, italic;
src: url("http://www.aeweb.ru/aefont.ttf");
}


Здесь определяется шрифт AE Font, который можно загрузить с сайта aeweb.ru. Для этого шрифта доступны обычная версия и курсив.
Т.к. другие дескрипторы не указаны, браузер будет предполагать, что остальные свойства шрифта (жирность и т. д.) определяются в самом шрифте.

Короче говоря, отсутствие какого-либо дескриптора позволяет браузеру брать для соответствующего свойства любое значение.

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

Значением свойства src может содержать и список элементов через запятую.

В приведенном выше, можно было написать:
src : url("http://www.aeweb.ru/aefont.ttf"), local("Tahoma");


Это значит, что если по адресу http://www.aeweb.ru/aefont.ttf будет недоступен шрифт, то нужно брать значение с компьютера пользователя.

Также браузеру можно подсказать, какой формат шрифта используется. Делается это так:
src : url("http://www.aeweb.ru/aefont.ttf") format("truetype");


Ну вот и все.


Поблагодарили: (1)
1
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Приглашу своих друзей в вашу группу Вконтакте за 1 рубль
6 slaru 1444 2.11.2017, 14:55
автор: slaru
Открытая тема (нет новых ответов) DLE: вывод статистической странице
8 Bizota 1195 1.10.2017, 11:17
автор: Good_guys
Открытая тема (нет новых ответов) Создатели популярного Linux-диструбитива запретили его использование в Крыму
1 MissContent 737 8.9.2017, 8:31
автор: siters
Открытая тема (нет новых ответов) Программы для рассылки своих предложений компаниям
2 waterworld 514 30.8.2017, 15:01
автор: waterworld
Горячая тема (нет новых ответов) В поисках крутого контента для своих сайтов по доступным ценам? Тогда Вам сюда!
51 Morphed 21753 6.8.2017, 22:25
автор: Morphed


 



RSS Текстовая версия Сейчас: 13.12.2017, 15:33
Дизайн