Перейти к содержанию
funnysnake

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

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

Привет всем. Возникла проблема с установкой новых шрифтов.
Решил поменять шрифт верхнего меню (модуль 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.