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");


Ну вот и все.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Приглашу своих друзей в вашу группу Вконтакте за 1 рубль
16 slaru 3192 11.5.2018, 15:40
автор: slaru
Горячая тема (нет новых ответов) В поисках крутого контента для своих сайтов по доступным ценам? Тогда Вам сюда!
52 Morphed 22913 27.2.2018, 9:40
автор: Morphed
Открытая тема (нет новых ответов) Смена шрифтов в WP
Заказ
0 SkyFire 482 24.12.2017, 12:24
автор: SkyFire
Открытая тема (нет новых ответов) Программы для рассылки своих предложений компаниям
2 waterworld 624 30.8.2017, 15:01
автор: waterworld
Открытая тема (нет новых ответов) Оплачу разработку сайтов на WordPress для своих нужд
2 Tutich 829 24.4.2017, 19:25
автор: Kontra


 



RSS Текстовая версия Сейчас: 20.5.2018, 22:06
Дизайн