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

[Stas_Y]

Доброй ночи! Подскажите как установить шрифты с webfont.ru? И где потом произвести изменения для отображения на сайте

[Vaccina]

Шрифт загружаете в раздел Редактор шаблонов, после в начале main.css подключаете шрифтовые файлы по примеру:

@font-face {
  font-family: 'FontAwesome';
  src: url('/design/font.eot');
  src: url('/design/font.eot?#iefix') format('embedded-opentype'), url('/design/font.woff') format('woff'), url('/design/font.ttf') format('truetype'), url('/design/font.svg#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

В данном примере "FontAwesome" служит названием шрифта для дальнейшего его использования в коде.

[Stas_Y]

Vaccina  а если их несколько?) и такая проблема нет формата svg((

[Vaccina]

Тогда будет так =)

@font-face {
  font-family: 'FontAwesome';
  src: url('/design/font.eot');
  src: url('/design/font.eot?#iefix') format('embedded-opentype'), url('/design/font.woff') format('woff'), url('/design/font.ttf') format('truetype'), url('/design/font.svg#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font2';
  src: url('/design/font2.eot');
  src: url('/design/font2.eot?#iefix') format('embedded-opentype'), url('/design/font2.woff') format('woff'), url('/design/font2.ttf') format('truetype'), url('/design/font2.svg#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

[Stas_Y]

Ну да))) логично=) а где мне взять формат svg? и ttf тоже нет кстати(((

[Vaccina]

Их можно сгенерировать, например тут:
http://www.fontsquir...bfont-generator

[Stas_Y]

А скажите в main.css можно в любое место вставить?

[Vaccina]

Желательно первой строкой вставлять данное подключение.

[Stas_Y]

Шрифт подключил, можете проверить правильно или нет?! А где его менять например для меню?

[Vaccina]

В данном подключении:

@font-face {
  font-family: 'comfortaa';
  src: url('/design/font.eot');
  src: url('/design/font.eot?#iefix') format('embedded-opentype'), url('/design/font.woff') format('woff'), url('/design/font.ttf') format('truetype'), url('/design/font.svg#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

измените font.eot, font.woff и подобные на ваше название файлов(comfortaa-bold.eot, comfortaa-bold.woff и т.д.).

[Stas_Y]

Вроде так))) можете проверить! А за одно сказать где поменять его?) (например: для описаний)

[Vaccina]

Если речь идет об описании страницы\товара, то в main.css найдите:

.htmlDataBlock {
	padding-bottom: 30px;
}

замените на:

.htmlDataBlock {
	padding-bottom: 30px;
	font-family: comfortaa;
}

Данный шрифт поддерживает кириллицу?

[Stas_Y]

Да)
По моиму ничего не поменялось)

[Vaccina]

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

[Stas_Y]

ВОт ) пожалуйста http://webfont.ru/font/comfortaa

[Vaccina]

Благодарю за ссылку, с данным сайтом все намного проще, надо было раньше ссылку попросить =)
Отмените пожалуйста последние изменения по подключению и удалите шрифтовые файлы, в шаблоне HTML перед:

<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=orange">

вставьте:

<link rel="stylesheet" type="text/css" href="http://webfonts.ru/import/comfortaa.css">

и остается только задать сам шрифт необходимым элементам, например для меню-категорий в шапке, в main.css находим:

#nav li a {
display: block;
font-size: 15px;
line-height: 100%;
background: #F2F2F2 none repeat scroll 0% 0%;
padding: 15px 20px;
margin: 0px 1px 1px 0px;
border-radius: 0px;
}

меняем на:

#nav li a {
display: block;
font-size: 15px;
line-height: 100%;
background: #F2F2F2 none repeat scroll 0% 0%;
padding: 15px 20px;
margin: 0px 1px 1px 0px;
border-radius: 0px;
font-family: "Comfortaa";
}

как видите, шрифт прописываем одной строкой:

font-family: "Comfortaa";

Результат для сравнения:

[Stas_Y]

Точно))) Спасибо вам огроменное!)) Оказывается все просто)

[Stas_Y]

Поменять шрифт у названий товаров?))

[Firefly]

Stas_Y (04 Сентябрь 2015 - 19:53) писал:

Поменять шрифт у названий товаров?))

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 300;font-family: 'Open Sans Condensed', sans-serif;}

Замените на:

.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 300;font-family: "Comfortaa";font-size:18px;}

При необходимости измените размер шрифта у параметра font-size.

[Stas_Y]

Спасибо!) А как изменить шрифт для
1) цен
2) НАЗВАНИЙ ТОВАРОВ