Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Установка новых шрифтов


Рекомендованные сообщения

Привет всем. Возникла проблема с установкой новых шрифтов.
Решил поменять шрифт верхнего меню (модуль PavMegaMenu). Скачал необходимые шрифты и залил их в папку Font установленной темы. Пропиcал правило @font-face в font.css(тут было прописано правило шрифта по умолчанию).

}@font-face {
    font-family: 'Stark';
    src: url('../font/stark.eot');
    src: url('../font/stark.eot?#iefix') format('embedded-opentype'),
         url('../font/stark.woff') format('woff'),
         url('../font/stark.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Поменял шрифт font-family для меню

#header-main .navbar ul.nav > li  > a {
  text-transform: uppercase;
  font-size: 14px;
  z-index: 0;
  overflow: hidden;
  font-family: 'Stark';
  font-weight: 400;
  text-shadow: #064475 2px 2px 1px;
  padding: 30px 15px;

, но ничего не меняется. Как можно решить этот вопрос?

 

Сайт newmag.tw1.ru

Ссылка на комментарий
Поделиться на других сайтах


Как можно решить этот вопрос?

 

 

обратиться к автору шаблона у которого куплен сам шаблон.

Ссылка на комментарий
Поделиться на других сайтах

Неправильно шрифты инклудите, либо название шрифта на сервере не такое. Я посмотрел, он его даже не загружает. Хотя, если выполнить 

$('head').append('<link rel="stylesheet" type="text/css" href="http://webfonts.ru/import/stark.css">');

То шрифт загружается и меню перерисовывается. 

Попробуйте вместо Вашего кода вставить:

@font-face {
    font-family: 'Stark';
    src: local('Stark'), local('Stark Regular'), url('http://64424.selcdn.ru/webfont/stark/stark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Должно заработать. Не рекомендую загружать все ресурсы с одного сервера, распределите нагрузку на несколько. Для шрифтов есть Google Fonts, webfonts.ru. Для Javascript Microsoft CDN (JQuery), Google Hosted Libraries (знаменитые фреймворки), CDNJS (много разных скриптов).

Ссылка на комментарий
Поделиться на других сайтах

Неправильно шрифты инклудите, либо название шрифта на сервере не такое. Я посмотрел, он его даже не загружает. Хотя, если выполнить 

$('head').append('<link rel="stylesheet" type="text/css" href="http://webfonts.ru/import/stark.css">');

То шрифт загружается и меню перерисовывается. 

Попробуйте вместо Вашего кода вставить:

@font-face {
    font-family: 'Stark';
    src: local('Stark'), local('Stark Regular'), url('http://64424.selcdn.ru/webfont/stark/stark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Должно заработать. Не рекомендую загружать все ресурсы с одного сервера, распределите нагрузку на несколько. Для шрифтов есть Google Fonts, webfonts.ru. Для Javascript Microsoft CDN (JQuery), Google Hosted Libraries (знаменитые фреймворки), CDNJS (много разных скриптов).

 

Попробовал. Все получилось. Большое спасибо. Хотелось бы уточнить для полной ясности  откуда взялся этот код

@font-face {
    font-family: 'Stark';
    src: local('Stark'), local('Stark Regular'), url('http://64424.selcdn.ru/webfont/stark/stark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

На webfont выдается ссылка на stark.css и возможность скачать шрифт. 

Шрифты по умолчанию были в таком же виде, как я изначально и прописал для нового.

@font-face {
    font-family: 'Lilita One';
    src: url('../font/LilitaOne-Regular.eot');
    src: url('../font/LilitaOne-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/LilitaOne-Regular.woff') format('woff'),
         url('../font/LilitaOne-Regular.ttf') format('truetype'),
         url('../font/LilitaOne-Regular.svg#LilitaOne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Signika Negative';
    src: url('../font/signikanegative-light.eot');
    src: url('../font/signikanegative-light.eot?#iefix') format('embedded-opentype'),
         url('../font/signikanegative-light.woff') format('woff'),
         url('../font/signikanegative-light.ttf') format('truetype'),
         url('../font/signikanegative-light.svg#signikanegative-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.