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

Не могу подключить свой шрифт! Хелп

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

Доброго дня!

Возникли сложности с подключением шрифта.

Шрифт бесплатный europedemiregular

Сделал папку fonts в stylesheet туда положил файлы с шрифтами

 

Пишу в CSS

@font-face{

font-family: 'europedemiregular';

src: url('../fonts/europedemi_regular-webfont.eot');

src: url('../fonts/europedemi_regular-webfont.eot?iefix') format('eot'),

url('../fonts/europedemi_regular-webfont.woff') format('woff'),

url('../fonts/europedemi_regular-webfont.ttf') format('truetype'),

url('../fonts/europedemi_regular-webfont.svg#webfont') format('svg');

font-weight: normal;

font-style: normal;

}

image.png.34e2fa802892182ceb65b4c84151b9d8.png

но шрифты не подключаются еще и ругается чего-то = "@ font-face делает объявление не соответствует синтаксису пулибельного шрифта fontspring"

По этому объявлению поискал, перепробовал, что советуется, но все также...

 

Есть подсказки?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Цитата

Сделал папку fonts в stylesheet туда положил файлы с шрифтами

тогда укажите верные пути к шрифтам.

 

src: url('fonts/europedemi_regular-webfont.eot');

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 часов назад, ardashev06 сказал:

тогда укажите верные пути к шрифтам.

 


src: url('fonts/europedemi_regular-webfont.eot');

 

 

Переименовал для однозначности папку в myfonts

Сделал, так, как Вы предлагали - ничего :((

Пробовал кидать файлы и в корень сайта и рядом с css

Все равно ругается на путь

 

image.png.639a0c33e77ace75b84a7de865d95bab.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 минут назад, specialforce22 сказал:

в каком css файле подключаете? не вижу

 

например, добавляем сюда

/catalog/view/theme/barbaratheme/stylesheet/stylesheet.css (в самом начале)

@font-face{
font-family: 'europedemiregular';
src: url('../fonts/europedemi_regular-webfont.eot');
src: url('../fonts/europedemi_regular-webfont.eot?iefix') format('eot'),
url('../fonts/europedemi_regular-webfont.woff') format('woff'),
url('../fonts/europedemi_regular-webfont.ttf') format('truetype'),
url('../fonts/europedemi_regular-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

 

папка fonts

должна лежать по адресу

/catalog/view/theme/barbaratheme/fonts

 

 

---

абсолютные и относительные ссылки http://htmlbook.ru/samhtml/ssylki/absolyutnye-i-otnositelnye-ssylki

Изменено пользователем ardashev06

Поделиться сообщением


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

Подключал через пользовательский CSS шаблона

и это все прописывается в mycustom.css

 

Через это же окно вносил другие правки (не качаются, конечно шрифтов) и они отрабатывают исправно.

image.thumb.png.a6bca31c1c959bb316c95c074da5fb58.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 часов назад, specialforce22 сказал:

Сделал папку fonts в stylesheet туда положил файлы с шрифтами

 

Пишу в CSS

@font-face{

font-family: 'europedemiregular';

src: url('../fonts/europedemi_regular-webfont.eot');

}

вынесите папку fonts на уровень выше

т.е. она должна быть не в stylesheet, а в barbaratheme

 

Еще. Прописать вы это прописали, а далее не используете. По поиску "europedemiregular" находит всего одно вхождение (там где подключаете)

Где, например такое

body {
  font-family: 'europedemiregular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size:14px;
  line-height: 1.42;
  width: 100%;
}

 

Изменено пользователем klaos27
  • +1 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
37 минут назад, specialforce22 сказал:

Не вышло :(

image.png.96bbb2354725468c174eaf1563ecf6fd.png

image.png.9b880055f569a3cec51af4b11bdd7bd1.png

все ок.

теперь выводите куда нужно. 

выше написали как

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, klaos27 сказал:

 

 

1 час назад, ardashev06 сказал:

 

 

Если я не ошибаюсь то, благодаря Вашим очень доходчивой помощи, наконец - это то, что нужно.

http://demoonline.ru/

 

Другое дело, что, похоже, буквы не поддерживают кириллицу...но все подключается, как надо?

 

Огроменнейшее спасибо, что нашли время науке научить ;-):eek:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 часов назад, specialforce22 сказал:

 

 

 похоже, буквы не поддерживают кириллицу...но все подключается, как надо?

 

 

подключение верное

 

шрифт скорее всего без поддержки кириллицы 

Поделиться сообщением


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

Здравствуйте! Если шрифт необычный нужен только для заголовков, я делаю все тоже самое, только в h1, h2, h3 добавляю.правильно?

font-family: 'europedemiregular', Arial, Helvetica, sans-serif;

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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