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

[Koderhan]

Мика (05 Декабрь 2013 - 12:44) писал:

Шрифт загрузила, теперь нужно редактировать этот текст, шрифт здесь отсутствует(

Теперь вам нужно подключить данный шрифт к сайту и применить его к определенному тексту.

В начало файла "main.css".
Добавить код:

@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url({ASSETS_IMAGES_PATH}Parisian.ttf); /* Путь к файлу со шрифтом */
}

Вам нужно будет обвирнуть текст страницы в специальный тег с стилями.
При редактирование страницы нажать на кнопку "Источник" чтобы перейти к редактированию html.
В самое начало текста добавить код:

<div class="parisian" style="font-family: Parisian, 'Comic Sans MS', cursive;">

И в самый конец кода, добавить:

</div>

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

• 

[Мика]

Что-то ни как не получается((

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

• 
• 

[Koderhan]

Мика (05 Декабрь 2013 - 13:39) писал:

Что-то ни как не получается((

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Удалить код:

<link rel="stylesheet" href="style.css">

И попробуйте добавить код:

@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url({ASSETS_IMAGES_PATH}Parisian.ttf); /* Путь к файлу со шрифтом */
}

В самое начало файла main.css.

[Мика]

Всё получилось! Большое спасибо)

[skipperok13]

Koderhan (05 Декабрь 2013 - 14:18) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Удалить код:

<link rel="stylesheet" href="style.css">

И попробуйте добавить код:

@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url({ASSETS_IMAGES_PATH}Parisian.ttf); /* Путь к файлу со шрифтом */
}

В самое начало файла main.css.

Добрый день! По инструкции загрузил шрифт OfficinaSerifC-Book.otf
Но шрифт не отображается.
Как поменять на этот шрифт написание текста в левом меню каталога и на кнопках верхнего меню, в т.ч поиск корзина товары в ней и тд. Заранее спасибо

[Vaccina]

Для начала вам нужно сконвертировать шрифт в несколько форматов: ttf, eot, svg, woff, далее его подключить как указанно выше и уже далее его можно применять для конкретного вам текста, ссылку к шрифту лучше указывать прямую.

[skipperok13]

Vaccina (10 Декабрь 2013 - 04:07) писал:

Для начала вам нужно сконвертировать шрифт в несколько форматов: ttf, eot, svg, woff, далее его подключить как указанно выше и уже далее его можно применять для конкретного вам текста, ссылку к шрифту лучше указывать прямую.

Тоесть мне надо загрузить 4 файла с одним шрифтом в разных форматах?

[Koderhan]

skipperok13 (12 Декабрь 2013 - 10:46) писал:

Тоесть мне надо загрузить 4 файла с одним шрифтом в разных форматах?

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

[skipperok13]

Koderhan (12 Декабрь 2013 - 11:04) писал:

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

Простите но я не понял до конца))) Можно подробнее?)

[Koderhan]

skipperok13 (12 Декабрь 2013 - 11:51) писал:

Простите но я не понял до конца))) Можно подробнее?)

в данном случае вам нужен шрифт ttf

[skipperok13]

Koderhan (12 Декабрь 2013 - 12:24) писал:

в данном случае вам нужен шрифт ttf

Сконвертировал в ттф залил в редактор шаблонов - файлы

Как дальше быть?))

[Koderhan]

skipperok13 (18 Декабрь 2013 - 17:29) писал:

Сконвертировал в ттф залил в редактор шаблонов - файлы

Как дальше быть?))

В начале файле "main.css" Добавить код который будет подключать шрифты к сайту.

@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url('Полный адрес шрифта'); /* Путь к файлу со шрифтом */
}

[AlexRing]

Koderhan (18 Декабрь 2013 - 17:32) писал:

В начале файле "main.css" Добавить код который будет подключать шрифты к сайту.

@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url('Полный адрес шрифта'); /* Путь к файлу со шрифтом */
}

Поставил в начале "main.css"

@font-face {
font-family: Parisian; /* HeliosThin */
src: url({ASSETS_IMAGES_PATH}Parisian.ttf); /* http://st.thisismayka.ru/1/890/958/HeliosThin.otf */
}

для того чтобы поменять шрифт в принципе на всем сайте.
Начал с меню и не получилось.
для меню поставил

#mainNav table td div a{
font-family: HeliosThin;
}

Подскажите в чем ошибаюсь.
Спасибо.

Не актуально, решил проблему.

@font-face {
font-family: HeliosThin; /* HeliosThin */
src: url({ASSETS_IMAGES_PATH}HeliosThin.otf); /* http://st.thisismayka.ru/1/890/958/HeliosThin.otf */
}

Сообщение отредактировал AlexRing: 19 Декабрь 2013 - 22:01

[skipperok13]

Koderhan (18 Декабрь 2013 - 17:32) писал:

В начале файле "main.css" Добавить код который будет подключать шрифты к сайту.

@font-face {
font-family: Parisian; /* Гарнитура шрифта */
src: url('Полный адрес шрифта'); /* Путь к файлу со шрифтом */
}

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

[ne_yana]

skipperok13 (20 Декабрь 2013 - 13:34) писал:

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

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

[skipperok13]

ne_yana (20 Декабрь 2013 - 13:43) писал:

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

1. К верхнему меню
2. Меню каталога и подкатегорий слева
3. Ко всем страницам описаня к товару
4. Корзине
5. Оформлению товара
6. К подвалу

Вобщем ко всему сайту)

[Castiel]

skipperok13 (20 Декабрь 2013 - 13:47) писал:

1. К верхнему меню
2. Меню каталога и подкатегорий слева
3. Ко всем страницам описаня к товару
4. Корзине
5. Оформлению товара
6. К подвалу

Вобщем ко всему сайту)

Для того чтобы шрифт вступил в силу, вам необходимо указать его в той части где вы хотите
Сейчас у вас подключен шрифт OfficinaSerifC-Book
Например если хотим изменить шрифт верхнего меню, то редактируем main.css
Находим

#panelsite div.centercol .menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}

Заменяем на

#panelsite div.centercol .menuheader ul li a {
font: normal 12px OfficinaSerifC-Book, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}

Т.е мы заменили шрифт Verdana на OfficinaSerifC-Book
Такую процедуру выполняем с там, где хотим заменить шрифт. Просто заменяем старое название шрифта на новое.

[skipperok13]

Castiel (20 Декабрь 2013 - 19:49) писал:

Для того чтобы шрифт вступил в силу, вам необходимо указать его в той части где вы хотите
Сейчас у вас подключен шрифт OfficinaSerifC-Book
Например если хотим изменить шрифт верхнего меню, то редактируем main.css
Находим

#panelsite div.centercol .menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}

Заменяем на

#panelsite div.centercol .menuheader ul li a {
font: normal 12px OfficinaSerifC-Book, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}

Т.е мы заменили шрифт Verdana на OfficinaSerifC-Book
Такую процедуру выполняем с там, где хотим заменить шрифт. Просто заменяем старое название шрифта на новое.

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

Так же не смог найти где меняется шрифт левого меню каталога
и можно ли поменять шрифт описания товара в карточке товара разом?
Заранее спасибо!

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

• 

[ne_yana]

skipperok13 (24 Декабрь 2013 - 13:38) писал:

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

Так же не смог найти где меняется шрифт левого меню каталога
и можно ли поменять шрифт описания товара в карточке товара разом?
Заранее спасибо!

Здравствуйте,
1. в файле main.css замените

#panelsite div.centercol .menuheader {
width: 800px;
height: 24px;
overflow: hidden;
margin: 15px 0 0 0;
}

на

#panelsite div.centercol .menuheader {
width: 800px;
overflow: hidden;
margin: 10px 0 0 0;
}

2. Сейчас меню выровнено по центру, уточните, пожалуйста, что именно нужно сделать, приложив скриншот.

3. В разделе HTML замените

<div class="blockmain navigation fnt12n">

на

<div class="blockmain navigation">

В файл main.css добавьте

#left .blockmain.navigation a {
font-family: OfficinaSerifC-Book, Geneva, sans-serif;
font-size: 14px;
}

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

• 

[skipperok13]

ne_yana (24 Декабрь 2013 - 13:42) писал:

Здравствуйте,
1. в файле main.css замените

#panelsite div.centercol .menuheader {
width: 800px;
height: 24px;
overflow: hidden;
margin: 15px 0 0 0;
}

на

#panelsite div.centercol .menuheader {
width: 800px;
overflow: hidden;
margin: 10px 0 0 0;
}

2. Сейчас меню выровнено по центру, уточните, пожалуйста, что именно нужно сделать, приложив скриншот.

3. В разделе HTML замените

<div class="blockmain navigation fnt12n">

на

<div class="blockmain navigation">

В файл main.css добавьте

#left .blockmain.navigation a {
font-family: OfficinaSerifC-Book, Geneva, sans-serif;
font-size: 14px;
}

Получилось) Только есть небольшие недочеты:

1. По первому вопросу про выделение кнопок меню - самая правая кнопка (контакты) обрезается
2. Поменять шрифт также в местах как на скрине
3. В левом меню каталога в кнопках где название на 2 строки дублируется стрелочка)
Заранее спасибо !)))

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

•