Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Не Получается Подключить Нестандартные Шрифты

Автор exjay, 14 янв. 2013 20:00

нестандартные шрифты

Авторизуйтесь для ответа в теме

Сообщений в теме: 88

#1 exjay

Новичок

Пользователи
5 сообщений

Отправлено 14 Январь 2013 - 20:00

Здравствуйте! Хочу добавить нестандартные шрифты на сайт. Сделал следующее:

1. Загрузил файлы шрифтов через "Редактор тем" > "Добавить файлы"
2. В файл шаблона "Сияние" HTML добавил строки стразу после body:

 <style type="text/css">
	 @font-face {
		 font-family: 'cuprumregular';
		 src: url('{ASSETS_IMAGES_PATH}cuprum-regular.eot');
		 src: url('{ASSETS_IMAGES_PATH}cuprum-regular.eot?#iefix') format('embedded-opentype'),
			 url('{ASSETS_IMAGES_PATH}cuprum-regular.woff') format('woff'),
			 url('{ASSETS_IMAGES_PATH}cuprum-regular.ttf') format('truetype'),
			 url('{ASSETS_IMAGES_PATH}cuprum-regular.svg#cuprumregular') format('svg');
		 font-weight: normal;
		 font-style: normal;
	 }
</style>

3. Зашел на страницу "Страницы" > "Редактирование контент-страницы" и в тексте добавил в тег span стиль <span style="color: #000000; font-family: 'cuprumregular', sans-serif; font-size: 14px;">

Отображаются шрифты по умолчанию..

Что я сделал не так?

Наверх

#2 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 14 Январь 2013 - 20:29

Пожалуйста, приведите пример на вашем сайте, где должен отображаться текст с данным шрифтом. Так же сообщите в каком браузере вы работаете.

Наверх

#3 exjay

Новичок

Пользователи
5 сообщений

Отправлено 15 Январь 2013 - 16:27

На главной странице, там где написано "Бильярдный кий ручной работы считается" и тд.

Пробовал все браузеры, проблема в том (я подозреваю), что по путям, которые сформировались после генерации главной страницы "{ASSETS_IMAGES_PATH}cuprum-regular.eot" 404 ошибка, поэтому неоткуда грузить шрифт.

url: kiy54.ru

Наверх

#4 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 15 Январь 2013 - 16:57

exjay (15 Январь 2013 - 16:27) писал:

На главной странице, там где написано "Бильярдный кий ручной работы считается" и тд.

Пробовал все браузеры, проблема в том (я подозреваю), что по путям, которые сформировались после генерации главной страницы "{ASSETS_IMAGES_PATH}cuprum-regular.eot" 404 ошибка, поэтому неоткуда грузить шрифт.

url: kiy54.ru

Шрифты вам нужно загрузить в Сайт->Файлы.
Скопировать ссылку на файл и вставить в код прямую ссылку на этот файл.

Наверх

#5 exjay

Новичок

Пользователи
5 сообщений

Отправлено 15 Январь 2013 - 20:03

В chrome и ie8 сработало.

В firefox 18 шрифт не подгружается всё равно

.

Наверх

#6 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 15 Январь 2013 - 20:20

exjay (15 Январь 2013 - 20:03) писал:

В chrome и ie8 сработало.

В firefox 18 шрифт не подгружается всё равно

.

Похоже что то не так с файлом http://themes.google...wBuYK6j2SQ.woff
Время от времени этот файл не корректно грузится на сайт.Попробуйте сохранить этот файл и добавить на сайт так так же как вы добавили предыдущие скрипты.

Наверх

#7 exjay

Новичок

Пользователи
5 сообщений

Отправлено 15 Январь 2013 - 21:30

Дело в том, что у меня нет проблем со шрифтом Strait: я его импортирую через google api.

Проблема со шрифтом acquest_scriptregular, который я подключаю через @font-face следующими строками:

  <!-- Специальный шрифт -->
	<style type="text/css" media="screen, print">
	@font-face {
		font-family: 'acquest_scriptregular';
		src: url('http://files.storeland.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
		src: url('http://files.storeland.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot?#iefix') format('embedded-opentype'),
			 url('http://files.storeland.ru/web/upload/sitefiles/4/391/390546/acquestscript.woff') format('woff'),
			 url('http://files.storeland.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format('truetype'),
			 url('http://files.storeland.ru/web/upload/sitefiles/4/391/390544/acquestscript.svg#acquest_scriptregular') format('svg');
		font-weight: normal;
		font-style: normal;	 
	}
	   
	p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
  </style>

Наверх

#8 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 15 Январь 2013 - 22:25

Возможно проблема связана с несоответствием домена. Попробуйте использовать код

<!-- Специальный шрифт -->
		<style type="text/css" media="screen, print">
		@font-face {
				font-family: 'acquest_scriptregular';
				src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
				src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot?#iefix') format('embedded-opentype'),
						 url('http://kiy54.ru/web/upload/sitefiles/4/391/390546/acquestscript.woff') format('woff'),
						 url('http://kiy54.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format('truetype'),
						 url('http://kiy54.ru/web/upload/sitefiles/4/391/390544/acquestscript.svg#acquest_scriptregular') format('svg');
				font-weight: normal;
				font-style: normal;	 
		}
		  
		p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
  </style>

Если не получиться, то попробуйте добавить в main.css

@font-face {
  font-family: 'acquest_scriptregular';
  src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
}

@font-face {
  font-family: 'acquest_scriptregular';
  src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format("opentype");
}

Наверх

#9 exjay

Новичок

Пользователи
5 сообщений

Отправлено 15 Январь 2013 - 22:36

Шикарно, первый вариант сработал! Спасибо за помощь :ph34r:

Наверх

#10 lartenza

Пользователь

Пользователи
47 сообщений

Отправлено 18 Июнь 2013 - 14:28

Как установить нестандартный шрифт в ленты на главной "Новинки" "Хиты продаж" шаблон вечность?

Наверх

#11 miyako

Активный участник

Модератоpы
5 372 сообщений

Отправлено 18 Июнь 2013 - 14:33

lartenza (18 Июнь 2013 - 14:28) писал:

Как установить нестандартный шрифт в ленты на главной "Новинки" "Хиты продаж" шаблон вечность?

Выберите шрифт, скачайте. Загрузите в раздел Сайт-Файлы и подключите в шаблоне HTML до тега </head>

Наверх

#12 lartenza

Пользователь

Пользователи
47 сообщений

Отправлено 18 Июнь 2013 - 14:48

miyako (18 Июнь 2013 - 14:33) писал:

Выберите шрифт, скачайте. Загрузите в раздел Сайт-Файлы и подключите в шаблоне HTML до тега </head>

добавила, каким образом подключить?

Наверх

#13 miyako

Активный участник

Модератоpы
5 372 сообщений

Отправлено 18 Июнь 2013 - 16:00

lartenza (18 Июнь 2013 - 14:48) писал:

добавила, каким образом подключить?

Можете воспользоваться примером из сообщения - http://forum.storela...фты/#entry38399
Путь до шрифта возьмете в разделе Сайт-Файлы-Ссылка на Файл

Наверх

#14 lartenza

Пользователь

Пользователи
47 сообщений

Отправлено 18 Июнь 2013 - 16:12

miyako (18 Июнь 2013 - 16:00) писал:

Можете воспользоваться примером из сообщения - http://forum.storela...фты/#entry38399
Путь до шрифта возьмете в разделе Сайт-Файлы-Ссылка на Файл

в каком разделе " специальный шрифт"?

Наверх

#15 Taisia

Активный участник

Модератоpы
1 289 сообщений

Отправлено 18 Июнь 2013 - 19:22

не совсем понятен вопрос. уточните пожалуйста.

Вы загрузили ваш шрифт на сайт через Сайт-Файлы. Далее идете в раздел Сайт-Файлы и находите в списке загруженных файлов файл который вы загрузили (возможно он называется по имени шрифта который вы хотите установить) и далее следуете инструкции ссылку на которую вам дали выше.

Наверх

#16 lartenza

Пользователь

Пользователи
47 сообщений

Отправлено 18 Июнь 2013 - 19:35

Taisia (18 Июнь 2013 - 19:22) писал:

не совсем понятен вопрос. уточните пожалуйста.

Вы загрузили ваш шрифт на сайт через Сайт-Файлы. Далее идете в раздел Сайт-Файлы и находите в списке загруженных файлов файл который вы загрузили (возможно он называется по имени шрифта который вы хотите установить) и далее следуете инструкции ссылку на которую вам дали выше.

Это я все поняла, а вот по поводу инструкции, которую дали выше-не очень. В каком разделе искать эти тексты?

Наверх

#17 Сake

Активный участник

Модератоpы
5 979 сообщений

Отправлено 19 Июнь 2013 - 01:04

Вам не нужно искать код который приведен в инструкции, данный код вам необходимо добавить в файл стилей или шаблон "HTML". Первый вариант

<!-- Специальный шрифт -->
				<style type="text/css" media="screen, print">
				@font-face {
								font-family: 'acquest_scriptregular';
								src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
								src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot?#iefix') format('embedded-opentype'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390546/acquestscript.woff') format('woff'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format('truetype'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390544/acquestscript.svg#acquest_scriptregular') format('svg');
								font-weight: normal;
								font-style: normal;	 
				}
				 
				p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
  </style>

для шаблона "HTML", вставлять необходимо до тега </head>. Второй вариант

@font-face {
  font-family: 'acquest_scriptregular';
  src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
}
@font-face {
  font-family: 'acquest_scriptregular';
  src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format("opentype");
}

в файл стилей style.css в самое начало файла. Использовать можно только один из вариантов.

Наверх

#18 Мика

Продвинутый пользователь

Пользователи
187 сообщений

Отправлено 03 Декабрь 2013 - 18:38

Подскажите пожалуйста, как в тему "Пластик" загрузить собственный шрифт "Parisian"
и потом изменить полностью инфо на главной странице (чтобы весь текст был этим шрифтом), фото прилагаю