Jump to content

Recommended Posts

Привет всем. Возникла проблема с установкой новых шрифтов.
Решил поменять шрифт верхнего меню (модуль 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

Share this post


Link to post
Share on other sites
Как можно решить этот вопрос?

 

 

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

Share this post


Link to post
Share on other sites

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

$('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 (много разных скриптов).

Share this post


Link to post
Share on other sites

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

$('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;
}

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.