Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


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

Надіслати
Поділитися на інших сайтах


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

 

 

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

Надіслати
Поділитися на інших сайтах

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

$('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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.