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

[Panerai]

Здравствуйте. Везде по сто раз обмусолено как менять размеры и цвет шрифтов, но я к сожалению не нашел вразумительного ответа по поводу того, как вообще стиль-дизайн шрифта полностью изменить ??? Шрифты необходимые в своей базе уже имею.

Заранее спасибо.

[support 2.0]

Panerai (06 Февраль 2013 - 11:10) писал:

Здравствуйте. Везде по сто раз обмусолено как менять размеры и цвет шрифтов, но я к сожалению не нашел вразумительного ответа по поводу того, как вообще стиль-дизайн шрифта полностью изменить ??? Шрифты необходимые в своей базе уже имею.

Заранее спасибо.

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

@font-face {
	font-family: 'Shrift';
	src: url('адрес шрифта.eot');
	src: url('адрес шрифта.eot?#iefix') format('embedded-opentype'),
		 url('адрес шрифта.woff') format('woff'),
		 url('адрес шрифта.ttf') format('truetype'),
		 url('адрес шрифта.svg#DefaultBold') format('svg');
}

каких-то этих форматов у Вас может и не быть, это в общем-то не страшно, т.к. основными являются otf и ttf, но некоторые браузеры поддерживают те другие форматы.

После вставки того кода можете уже применять Ваш шрифт.
Например вот так:

P {
font-family: Shrift;
}

[Panerai]

ОК, спасибо ))) Сейчас немного жести будет ))))

1- Сначала находите свой шрифт в нескольких форматах (можете воспользоваться различными онлайн конвертерами) - тут вопросов нет,всё понял.
2- Загружаете Ваши шрифты на сайт интернет-магазина... - Это как сделать подскажите пожалуйста ))
3- Далее в начале файла main.css  вставляете код... - Файл main.css это сокращенно main.csstemplate ? Просто main.css не вижу у себя.

[support 2.0]

Panerai (06 Февраль 2013 - 12:00) писал:

ОК, спасибо ))) Сейчас немного жести будет ))))

1- Сначала находите свой шрифт в нескольких форматах (можете воспользоваться различными онлайн конвертерами) - тут вопросов нет,всё понял.
2- Загружаете Ваши шрифты на сайт интернет-магазина... - Это как сделать подскажите пожалуйста ))
3- Далее в начале файла main.css  вставляете код... - Файл main.css это сокращенно main.csstemplate ? Просто main.css не вижу у себя.

Загрузить файлы со шрифтами Вы можете через раздел Сайт -> Редактор тем -> Файлы (добавить файл)

Да, я имела ввиду именно main.csstemplate.

[Panerai]

Спасибо. Вроде всё понятно, но не до конца )) Могли бы вы на примере одного шрифта в одном формате показать как это правильно будет выглядеть ? Вот ссылка на загруженный шрифт http://elit-time.ru/.../sofhr.ttf?9924    Как это будет выглядеть в коде который вы написали, который будет стоять в начале файла main.css

И вот этот код
P {
font-family: Shrift;
}
потом куда вставлять когда буду использовать шрифт ??? и как он будет выглядеть в итоге если на примере вышеуказанного шрифта смотреть ???

[miyako]

Panerai (07 Февраль 2013 - 10:11) писал:

Спасибо. Вроде всё понятно, но не до конца )) Могли бы вы на примере одного шрифта в одном формате показать как это правильно будет выглядеть ? Вот ссылка на загруженный шрифт http://elit-time.ru/.../sofhr.ttf?9924    Как это будет выглядеть в коде который вы написали, который будет стоять в начале файла main.css

И вот этот код
P {
font-family: Shrift;
}
потом куда вставлять когда буду использовать шрифт ??? и как он будет выглядеть в итоге если на примере вышеуказанного шрифта смотреть ???

Загрузите ваш шрифт: Сайт->Файлы
Скопируйте адрес до этого файла(шрифта)
Добавьте код в main.csstemplate:

@font-face {
				font-family: "sofhr";
				src: url("вставьте сюда адрес до шрифта")
		  }

[Panerai]

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

[miyako]

Panerai (07 Февраль 2013 - 11:39) писал:

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

Безымянный.PNG

Вам может помочь вот эта ссылка: http://www.xiper.net...nts-on-css.html

[optimushop]

Сделал вот так и всё.

@font-face {
font-family: 'Annabelle';
src: url('http://files.storeland.ru/web/upload/sitefiles/6/509/508553/Annabelle.otf');
src: url('http://files.storeland.ru/web/upload/sitefiles/6/509/508553/Annabelle.eot?#iefix') format('embedded-opentype'),
url('http://files.storeland.ru/web/upload/sitefiles/6/509/508553/Annabelle.woff') format('woff'),
url('http://files.storeland.ru/web/upload/sitefiles/6/509/508553/Annabelle.ttf') format('truetype'),
url('http://files.storeland.ru/web/upload/sitefiles/6/509/508553/Annabelle.svg#Annabelle') format('svg');
font-weight: normal;
font-style: normal;
}