Перейти к содержимому


Как Применить Шрифт Myriad Pro Light


  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 adzhultanov

adzhultanov

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 20 Июль 2014 - 09:51

SL-297129
Добрый день, прошу подсказать, как можно задействовать на страницах ИМ шрифт Myriad Pro Light
Загрузил в файлы ИМ шрифты и вставил в "Редакторе шаблонов" в "Страницы" этот код, но результатов никаких.
<style> @font-face { font-family: 'Myriad Pro Light SemiExt'; src: url('Myriad Pro Light.eot'); src: url('Myriad Pro Light.eot?#iefix') format('embedded-opentype'), url('Myriad Pro Light.svg#Myriad Pro Light SemiExt') format('svg'), url('Myriad Pro Light.ttf') format('truetype'), url('Myriad Pro Light.woff') format('woff'); } @font-face { font-family: 'Myriad Pro'; src: url('MyriadPro-Regular.eot'); src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('MyriadPro-Regular.svg#Myriad Pro') format('svg'), url('MyriadPro-Regular.ttf') format('truetype'), url('MyriadPro-Regular.woff') format('woff'); } a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #FF0000; } a:hover { color: #0000FF; text-decoration: underline; } </style>

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 21 Июль 2014 - 08:59

Просмотр сообщенияadzhultanov (20 Июль 2014 - 09:51) писал:

SL-297129
Добрый день, прошу подсказать, как можно задействовать на страницах ИМ шрифт Myriad Pro Light
Загрузил в файлы ИМ шрифты и вставил в "Редакторе шаблонов" в "Страницы" этот код, но результатов никаких.
<style> @font-face { font-family: 'Myriad Pro Light SemiExt'; src: url('Myriad Pro Light.eot'); src: url('Myriad Pro Light.eot?#iefix') format('embedded-opentype'), url('Myriad Pro Light.svg#Myriad Pro Light SemiExt') format('svg'), url('Myriad Pro Light.ttf') format('truetype'), url('Myriad Pro Light.woff') format('woff'); } @font-face { font-family: 'Myriad Pro'; src: url('MyriadPro-Regular.eot'); src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('MyriadPro-Regular.svg#Myriad Pro') format('svg'), url('MyriadPro-Regular.ttf') format('truetype'), url('MyriadPro-Regular.woff') format('woff'); } a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #FF0000; } a:hover { color: #0000FF; text-decoration: underline; } </style>

Удалите этот код из шаблона Страница, и вставьте в самое начало шаблона main.css, только чуть изменив:

@font-face
{
   font-family: 'Myriad Pro Light SemiExt';
   src: url('{ASSETS_OTHER_PATH}Myriad Pro Light.eot');
   src: url('{ASSETS_OTHER_PATH}Myriad Pro Light.eot?#iefix') format('embedded-opentype'),
		url('{ASSETS_OTHER_PATH}Myriad Pro Light.svg#Myriad Pro Light SemiExt') format('svg'),
		url('{ASSETS_OTHER_PATH}Myriad Pro Light.ttf') format('truetype'),
		url('{ASSETS_OTHER_PATH}Myriad Pro Light.woff') format('woff');
}
@font-face
{
   font-family: 'Myriad Pro';
   src: url('{ASSETS_OTHER_PATH}MyriadPro-Regular.eot');
   src: url('{ASSETS_OTHER_PATH}MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('{ASSETS_OTHER_PATH}MyriadPro-Regular.svg#Myriad Pro') format('svg'),
		url('{ASSETS_OTHER_PATH}MyriadPro-Regular.ttf') format('truetype'),
		url('{ASSETS_OTHER_PATH}MyriadPro-Regular.woff') format('woff');
}

Далее файлы шрифтов загрузите в раздел Сайт - Редактор шаблонов.

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных