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


Можно Ли Внедрить В Весь Сайт Один Шрифт, Чтобы Он Загружался У Всех?

Автор Andrew S., 18 мая 2015 04:33

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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 18 Май 2015 - 04:33

Добрый ещё один день!

Подскажите, можно ли полностью в сайт внедрить шрифт CynthoSlabPro-BlackItalic.otf

Он использован в логотипе.

#2 Danil

Danil

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

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

Отправлено 18 Май 2015 - 17:06

Просмотр сообщенияAndrew S. (18 Май 2015 - 04:33) писал:

Добрый ещё один день!

Подскажите, можно ли полностью в сайт внедрить шрифт CynthoSlabPro-BlackItalic.otf

Он использован в логотипе.
Здравствуйте.
Для подключения нового шрифта используйте инструкцию.
В main.css найдите код 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent
		;
	font-family: sans-serif, arial;
}
и замените на 

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent
		;
	font-family: Ваш шрифт !important;
}
Для изменения шрифта отдельных элементов используйте инструкцию , только вместо color ищите font-family.

#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 18 Май 2015 - 18:02

Просмотр сообщенияDanil (18 Май 2015 - 17:06) писал:

Здравствуйте.
Для подключения нового шрифта используйте инструкцию.
В main.css найдите код
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent
;
font-family: sans-serif, arial;
}
и замените на

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent
;
font-family: Ваш шрифт !important;
}
Для изменения шрифта отдельных элементов используйте инструкцию , только вместо color ищите font-family.

1. А куда вставлять этот код? Там так и не написали. И для чего так дважды код дублировать? Смотрел как другой человек там всё прописывал, обе вроде одинаковые полностью. Даже отсутствует в первом "design.".

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

2. Замените на:

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	 font-size: 100%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
	 vertical-align: baseline;
	 border: 0;
	 outline: 0;
	 background: transparent
			 ;
	 font-family: Ваш шрифт !important;
}

Тут можно написать так?

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	 font-size: 100%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
	 vertical-align: baseline;
	 border: 0;
	 outline: 0;
	 background: transparent;

font-family: Ваш шрифт !important;
font-family: sans-serif, arial;
}

Или как сделать для того, чтобы грузились "стандартные" шрифты в случае чего?

3. Мне, получается, вот эти 4 файла нужно загрузить? Я просто расширение поменял, это правильно?

Вообще название шрифта и шрифт другой будет, не толстый и не наклонный для обычного текста.

Fonts.png

4. И как подключить Italic чтобы работал? Скачал италик тоже. Наклонный. И bold.Болд платный.Буду подключать болд толстый и болд толстый наклонный позже как шрифт куплю.

Сообщение отредактировал Andrew S.: 18 Май 2015 - 19:17

#4 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Май 2015 - 11:29

Почитал разные форумы, разобрался тут...

Подскажите только как:

1. Добавить отдельный шрифт для отдельных частей в шапке.

Shapka.png

В верхнем меню, в корзине и в путеводителе каталога.

2. В подвале.

Podval.png

На один и тот же шрифт.

3. И подскажите, как делать так, чтобы на сайте была возможность использования курсива и жирного курсива?

#5 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Май 2015 - 17:11

Просмотр сообщенияAndrew S. (19 Май 2015 - 11:29) писал:

Почитал разные форумы, разобрался тут...

Подскажите только как:

1. Добавить отдельный шрифт для отдельных частей в шапке.

Прикрепленный файл Shapka.png

В верхнем меню, в корзине и в путеводителе каталога.

2. В подвале.

Прикрепленный файл Podval.png

На один и тот же шрифт.

3. И подскажите, как делать так, чтобы на сайте была возможность использования курсива и жирного курсива?

Всё, сделал, не надо тут уже ничего.
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Снег
  5. → Изменение общей стилистики
  6. Privacy Policy