Перейти к содержимому


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

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

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 88

#41 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 24 Декабрь 2013 - 14:53

1.в файле main.css найдите данный блок кода:
		 #panelsite div.centercol .menuheader ul li a {
font: normal 17px OfficinaSerifC-Book, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}
замените его на :
		 #panelsite div.centercol .menuheader ul li a {
font: normal 17px OfficinaSerifC-Book, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 12px;
display: block;
}
2.В файле main.css найдите блок кода:
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; }
замените его на :
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px OfficinaSerifC-Book,Verdana, Geneva, sans-serif; color:#686868; }

найдите данный блок кода:
#left .block .blocktitle a, #right .block .blocktitle a { font:bold 12px Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; }
замените его на:
#left .block .blocktitle a, #right .block .blocktitle a { font:bold 12px OfficinaSerifC-Book,Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; }

найдите данный блок:
.fnt12b, .fnt12b a { font:bold 12px Verdana, Geneva, sans-serif; }
замените на
.fnt12b, .fnt12b a { font:bold 12px OfficinaSerifC-Book,Verdana, Geneva, sans-serif; }
3.Изображение block-main-nav-bg.jpg изначально имеет две стрелочки, измените его в каком нибудь графическом редакторе.


#42 skipperok13

skipperok13

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

  • Пользователи
  • PipPipPipPip
  • 247 сообщений
  • ГородМосква

Отправлено 24 Декабрь 2013 - 15:49

Просмотр сообщенияAlexey11 (24 Декабрь 2013 - 14:53) писал:

1.в файле main.css найдите данный блок кода:
		 #panelsite div.centercol .menuheader ul li a {
font: normal 17px OfficinaSerifC-Book, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}
замените его на :
		 #panelsite div.centercol .menuheader ul li a {
font: normal 17px OfficinaSerifC-Book, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 12px;
display: block;
}
2.В файле main.css найдите блок кода:
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; }
замените его на :
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px OfficinaSerifC-Book,Verdana, Geneva, sans-serif; color:#686868; }

найдите данный блок кода:
#left .block .blocktitle a, #right .block .blocktitle a { font:bold 12px Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; }
замените его на:
#left .block .blocktitle a, #right .block .blocktitle a { font:bold 12px OfficinaSerifC-Book,Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; }

найдите данный блок:
.fnt12b, .fnt12b a { font:bold 12px Verdana, Geneva, sans-serif; }
замените на
.fnt12b, .fnt12b a { font:bold 12px OfficinaSerifC-Book,Verdana, Geneva, sans-serif; }
3.Изображение block-main-nav-bg.jpg изначально имеет две стрелочки, измените его в каком нибудь графическом редакторе.


Получилось )
И Все еще хочу узнать можно ли разом поменять шрифт описания товаров и  категорий ?

#43 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 24 Декабрь 2013 - 16:04

Описание товара можно быстро.
Для этого в main.css найдите данный блок кода:
.fnt18n, .fnt18n a { font:normal 18px Verdana, Geneva, sans-serif; }
замените его на
.fnt18n, .fnt18n a { font:normal 18px OfficinaSerifCBook ,Verdana, Geneva, sans-serif; }
далее найдите блок кода:
.fnt12n, .fnt12n a { font:normal 12px Verdana, Geneva, sans-serif !important; }
замените его на:
.fnt12n, .fnt12n a { font:normal 12px OfficinaSerifCBook,Verdana, Geneva, sans-serif !important; }


А на счет категорий , приложите пожалуйста скриншот того ,что именно вы хотите поменять

#44 skipperok13

skipperok13

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

  • Пользователи
  • PipPipPipPip
  • 247 сообщений
  • ГородМосква

Отправлено 24 Декабрь 2013 - 16:40

Просмотр сообщенияAlexey11 (24 Декабрь 2013 - 16:04) писал:

Описание товара можно быстро.
Для этого в main.css найдите данный блок кода:
.fnt18n, .fnt18n a { font:normal 18px Verdana, Geneva, sans-serif; }
замените его на
.fnt18n, .fnt18n a { font:normal 18px OfficinaSerifCBook ,Verdana, Geneva, sans-serif; }
далее найдите блок кода:
.fnt12n, .fnt12n a { font:normal 12px Verdana, Geneva, sans-serif !important; }
замените его на:
.fnt12n, .fnt12n a { font:normal 12px OfficinaSerifCBook,Verdana, Geneva, sans-serif !important; }


А на счет категорий , приложите пожалуйста скриншот того ,что именно вы хотите поменять

Прикрепленные изображения

  • Безымянный-1-02.jpg


#45 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2013 - 04:31

Как вариант прописать шрифтовые стили в сл.блок:
p {
margin: 0px 0px;
padding: 0px 0px 0px;
}
Но изменений не будет, так как в визуальном редакторе вы редактировали стили, выбирая те же размеры, цвета и стили.

#46 ochelenkov

ochelenkov

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

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 29 Январь 2014 - 18:41

В фаерфоксе подключенные шрифты не работают. Что можно сделать?
сайт aero-land.ru, надпись вверху "Производство надувных конструкций".
Фаерфокс игнорирует шрифты, которые расположены в корне или на другом домене, если добавлять шрифты через редактор шаблонов, то они оказываются в корне, если через файлы, то загружаются на домен st.storeland.net

#47 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2014 - 03:55

Вы пользовались сл.инструкцией: http://forum.storela...фты/#entry38399

Где можно просмотреть у вас как подключен шрифт?

#48 ochelenkov

ochelenkov

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

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 30 Январь 2014 - 12:46

Подключены вот так: <link rel="stylesheet" href="{ASSETS_STYLES_PATH}opensans.css?v=1">

Я бы рад сделать по инструкции... но как загрузить шрифты, чтобы был такой адрес как, например, http://kiy54.ru/web/...uestscript.woff

Просмотр сообщенияVaccina (30 Январь 2014 - 03:55) писал:

Вы пользовались сл.инструкцией: http://forum.storela...фты/#entry38399

Где можно просмотреть у вас как подключен шрифт?


#49 miyako

miyako

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

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

Отправлено 30 Январь 2014 - 12:58

Просмотр сообщенияochelenkov (30 Январь 2014 - 12:46) писал:

Подключены вот так: <link rel="stylesheet" href="{ASSETS_STYLES_PATH}opensans.css?v=1">

Я бы рад сделать по инструкции... но как загрузить шрифты, чтобы был такой адрес как, например, http://kiy54.ru/web/...uestscript.woff

Воспользуйтесь сообщением - http://forum.storela...фты/#entry38097

#50 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 30 Январь 2014 - 12:59

Просмотр сообщенияochelenkov (30 Январь 2014 - 12:46) писал:

Подключены вот так: <link rel="stylesheet" href="{ASSETS_STYLES_PATH}opensans.css?v=1">

Я бы рад сделать по инструкции... но как загрузить шрифты, чтобы был такой адрес как, например, http://kiy54.ru/web/...uestscript.woff

Здравствуйте, вам необходимо загрузить шрифты на сайт через Редактор Шаблонов - Добавить файлы
ссылку на шрифт указывать {ASSETS_OTHER_PATH}Название_шрифта.формат

Инструкция будет выгледить так
<!-- Специальный шрифт -->
			 <style type="text/css" media="screen, print">
			 @font-face {
							 font-family: 'acquest_scriptregular';
							 src: url(' {ASSETS_OTHER_PATH}acquestscript.eot');
							 src: url('{ASSETS_OTHER_PATH}acquestscript.eot?#iefix') format('embedded-opentype'),
												 url('{ASSETS_OTHER_PATH}acquestscript.woff') format('woff'),
												 url('{ASSETS_OTHER_PATH}acquestscript.ttf') format('truetype'),
												 url('{ASSETS_OTHER_PATH}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('{ASSETS_OTHER_PATH}acquestscript.eot');
}[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]@font-face {
font-family: 'acquest_scriptregular';
src: url('{ASSETS_OTHER_PATH}acquestscript.ttf') format("opentype");
}


#51 feareel

feareel

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

  • Пользователи
  • PipPipPip
  • 72 сообщений

Отправлено 28 Февраль 2014 - 03:08

Загрузил в Редактор шаблонов/файлы шрифты. Пробовал прописывать код по-разному, но ничего не получилось. На данный момент в main.css в начале стоит следующий код:

@font-face {
  font-family: 'Calibri';
  src: url('{ASSETS_IMAGES_PATH}calibri.ttf');
}

Где ошибка? Если не сложно подскажите сразу код для нескольких шрифтов


Заранее спасибо! :)

#52 Vaccina

Vaccina

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

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

Отправлено 28 Февраль 2014 - 03:27

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

#53 feareel

feareel

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

  • Пользователи
  • PipPipPip
  • 72 сообщений

Отправлено 28 Февраль 2014 - 04:06

Просмотр сообщенияVaccina (28 Февраль 2014 - 03:27) писал:

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

Я правильно понимаю, если так сделать, то шрифты будут подгружаться не с компьютера, а с сайта? То есть вне зависимости от браузера и устройства, даже если на устройстве нет ни одного шрифта кроме Arial, будут отображаться те шрифты, которые мне нужны? Или я неправильно понимаю?

#54 Vaccina

Vaccina

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

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

Отправлено 28 Февраль 2014 - 04:31

Шрифты будут подгружаться с сайта, которые вы подключите, на счет шрифтов типа Arial и прочие, это стандартные шрифты и они имеются во всех браузерах.

#55 luzikov

luzikov

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

  • Пользователи
  • PipPipPipPip
  • 436 сообщений

Отправлено 04 Апрель 2014 - 21:49

Подскажите пожалуйста как изменить шрифт надписи "Добро пожаловать на сайт" и меню. Файл загрузил, прописал в начале маин.ксс, который нужно было. аккаунт SL-283337

#56 Vaccina

Vaccina

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

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

Отправлено 05 Апрель 2014 - 02:32

В main.css найдите:
#header #welcome a {
	color: #FFFFFF;
	text-decoration: none;
}
и
#header .links a {
	display: block;
	float: left;
	font-size: 12px;
	padding: 11px 10px 9px;
	text-decoration: none;
}
Пропишите им стиль font-family с названием вашего шрифта, подробнее о стиле: http://htmlbook.ru/css/font-family

#57 luzikov

luzikov

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

  • Пользователи
  • PipPipPipPip
  • 436 сообщений

Отправлено 06 Апрель 2014 - 11:33

Скажите пожалуйста,если мне нужны разные шрифты для оформления, мне нужно их всех точно так же как и первый прописывать в самом начале main.css?

#58 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 06 Апрель 2014 - 16:26

Просмотр сообщенияluzikov (06 Апрель 2014 - 11:33) писал:

Скажите пожалуйста,если мне нужны разные шрифты для оформления, мне нужно их всех точно так же как и первый прописывать в самом начале main.css?
Здравствуйте, нет, вы можете задавать для отдельных блоков свой уникальный шрифт.

#59 diezel1988

diezel1988

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

  • Пользователи
  • PipPipPip
  • 87 сообщений
  • ГородМосква

Отправлено 19 Сентябрь 2014 - 09:37

Здравствуйте!
Хочу поменять в некоторых местах шрифт на HeliosThin.
Загружаю шрифт в формате ttf  в фалы. ставлю это:
@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url({ASSETS_IMAGES_PATH}Parisian.ttf); /* Путь к файлу со шрифтом */
}
в main.css меняя все пути. Далее просто весь шаблон распадается)))
Шаблон Весна.

Хочу попробовать сменить шрифт, шаблона Весна на Helios.
При добавления кода в main, почему то крестики красные напротив строк появляются, я так понимаю что то не так? подскажите.

#60 diezel1988

diezel1988

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

  • Пользователи
  • PipPipPip
  • 87 сообщений
  • ГородМосква

Отправлено 19 Сентябрь 2014 - 09:43

А лучше подскажи сразу, как поменять вот этот шрифт. На HeliosThin.

Изображение




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных