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


Шрифт


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

#141 ipodushkin

ipodushkin

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

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

Отправлено 20 Май 2014 - 22:40

Просмотр сообщенияlew (20 Май 2014 - 22:21) писал:

так разместите этот код в самый верх вашего файла. Поэтому и не читает, что находится в самом низу.

А зачем вы разместили в  файл main.css код html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Шрифт</title>
он не будет читаться.

Хорошо, я его переместил наверх.

Открыл сейчас в Internet Explorer'e - там шрифт изменился, но не загружается слайдер и товары, и вообще - вся главная страница белая. Только меню слева. Чистил кеш - не помогает.

А в Google Chrome ничего не меняется. Несколько раз чистил историю - не помогает. Старый шрифт как влитой стоит.

#142 ipodushkin

ipodushkin

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

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

Отправлено 20 Май 2014 - 22:45

Просмотр сообщенияlew (20 Май 2014 - 22:21) писал:

так разместите этот код в самый верх вашего файла. Поэтому и не читает, что находится в самом низу.

А зачем вы разместили в  файл main.css код html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Шрифт</title>
он не будет читаться.

Удаляю html код из css - в интернет эксплорере начинает отображаться старый шрифт. Опять вставляю - начинает отображаться тот который нужен.

#143 lew

lew

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

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

Отправлено 20 Май 2014 - 22:54

@font-face {
font-family: "for_header";
src: url("font/MyriadPro-Regular.otf")
}
/* !form errors -------------------------------------------------------------- */
label.invalidInput {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;}
input.invalidInput {border:1px solid #b85454 !important;background-color: #FFECE6 !important;}
/* !rounded corners -------------------------------------------------------------- */
/* !positioning -------------------------------------------------------------- */
.valignMiddle {vertical-align:middle !important;}
.valignTop {vertical-align:top !important;}
.valignBottom {vertical-align:bottom !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.floatLeft {float:left !important;}
/* ! js ссылки с пунктирным подчеркиванием */
.jsAction {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}
/* !numbers -------------------------------------------------------------- */
.num {font-family: helvetica;font-style: italic;white-space: nowrap;}
/* !colors -------------------------------------------------------------- */
.red {color:#EA0609;}
.green {color:#057f02;}
.gray {color:#7c7c7c;}
.black {color:#000;}
.gold {color:#BE9E4C;}
/* !pages -------------------------------------------------------------- */
.square_pages {font-size:1em;text-align:right;clear: both;}
.square_pages span {position:relative;bottom:1px\9;}
.square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover {background:#d1e7fc;color:#3d3d3d;}
.square_pages b {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}
.lineThrough {text-decoration:line-through !important;}
.errorMessage {color:red;color:#d00000;}
/* colour palette
dark blue: #00205B
red: #FF0000
gold: #BE9E4C
grey rules: #E5E5E5
*/
/* !layout -------------------------------------------------------------- */
body {
font-size: 81%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "MyriadPro-Regular", background-color: #FFF;
color: #666;
}
я приведу ваш код, хоть вы его и поставили на верх. но и сейчас он не подключен.

вам надо
@font-face {
font-family: "for_header";
src: url("font/MyriadPro-Regular.otf")
}
заменить на этот
@font-face {
font-family: MyriadPro-Regular;
src: url("font/MyriadPro-Regular.otf")
}


#144 ipodushkin

ipodushkin

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

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

Отправлено 20 Май 2014 - 23:13

Просмотр сообщенияlew (20 Май 2014 - 22:54) писал:

@font-face {
font-family: "for_header";
src: url("font/MyriadPro-Regular.otf")
}
/* !form errors -------------------------------------------------------------- */
label.invalidInput {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;}
input.invalidInput {border:1px solid #b85454 !important;background-color: #FFECE6 !important;}
/* !rounded corners -------------------------------------------------------------- */
/* !positioning -------------------------------------------------------------- */
.valignMiddle {vertical-align:middle !important;}
.valignTop {vertical-align:top !important;}
.valignBottom {vertical-align:bottom !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.floatLeft {float:left !important;}
/* ! js ссылки с пунктирным подчеркиванием */
.jsAction {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}
/* !numbers -------------------------------------------------------------- */
.num {font-family: helvetica;font-style: italic;white-space: nowrap;}
/* !colors -------------------------------------------------------------- */
.red {color:#EA0609;}
.green {color:#057f02;}
.gray {color:#7c7c7c;}
.black {color:#000;}
.gold {color:#BE9E4C;}
/* !pages -------------------------------------------------------------- */
.square_pages {font-size:1em;text-align:right;clear: both;}
.square_pages span {position:relative;bottom:1px\9;}
.square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover {background:#d1e7fc;color:#3d3d3d;}
.square_pages b {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}
.lineThrough {text-decoration:line-through !important;}
.errorMessage {color:red;color:#d00000;}
/* colour palette
dark blue: #00205B
red: #FF0000
gold: #BE9E4C
grey rules: #E5E5E5
*/
/* !layout -------------------------------------------------------------- */
body {
font-size: 81%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "MyriadPro-Regular", background-color: #FFF;
color: #666;
}
я приведу ваш код, хоть вы его и поставили на верх. но и сейчас он не подключен.

вам надо
@font-face {
font-family: "for_header";
src: url("font/MyriadPro-Regular.otf")
}
заменить на этот
@font-face {
font-family: MyriadPro-Regular;
src: url("font/MyriadPro-Regular.otf")
}

Ставлю так как вы сказали. Открываю в Гугле - старый шрифт. Открываю в Эксплорере - старый шрифт.

Сейчас дела обстоят так:

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

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

#145 Vaccina

Vaccina

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

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

Отправлено 21 Май 2014 - 01:05

Во первых сконвертируйте шрифт в разные форматы, чтобы он был кроссбраузерным.
далее для подключения используете сл.код:
@font-face {
	font-family: 'name';
	src: url('http://design.site.ru/file.eot');
	src: url('http://design.site.ru/file.eot?#iefix') format('embedded-opentype'),
		 url('http://design.site.ru/file.woff') format('woff'),
		 url('http://design.site.ru/file.ttf') format('truetype'),
		 url('http://design.site.ru/file.svg#name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'name';
	src: url('http://site.ru/design/file.eot');
	src: url('http://site.ru/design/file.eot?#iefix') format('embedded-opentype'),
		 url('http://site.ru/design/file.woff') format('woff'),
		 url('http://site.ru/design/file.ttf') format('truetype'),
		 url('http://site.ru/design/file.svg#name') format('svg');
	font-weight: normal;
	font-style: normal;
}
где site.ru имя вашего сайта, name - название шрифта, file - название файла шрифтового
с кода выше вы можете понять, в какие форматы вам необходимо произвести конвертацию

#146 ipodushkin

ipodushkin

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

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

Отправлено 21 Май 2014 - 09:56

Просмотр сообщенияVaccina (21 Май 2014 - 01:05) писал:

Во первых сконвертируйте шрифт в разные форматы, чтобы он был кроссбраузерным.
далее для подключения используете сл.код:
@font-face {
font-family: 'name';
src: url('http://design.site.ru/file.eot');
src: url('http://design.site.ru/file.eot?#iefix') format('embedded-opentype'),
		 url('http://design.site.ru/file.woff') format('woff'),
		 url('http://design.site.ru/file.ttf') format('truetype'),
		 url('http://design.site.ru/file.svg#name') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'name';
src: url('http://site.ru/design/file.eot');
src: url('http://site.ru/design/file.eot?#iefix') format('embedded-opentype'),
		 url('http://site.ru/design/file.woff') format('woff'),
		 url('http://site.ru/design/file.ttf') format('truetype'),
		 url('http://site.ru/design/file.svg#name') format('svg');
font-weight: normal;
font-style: normal;
}
где site.ru имя вашего сайта, name - название шрифта, file - название файла шрифтового
с кода выше вы можете понять, в какие форматы вам необходимо произвести конвертацию

Сделал все как Вы сказали - ничего не меняется :mellow:

#147 Сake

Сake

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

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

Отправлено 21 Май 2014 - 16:01

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

http://site.ru/design/

а так же проверьте правильно ли вы задали имя шрифта (name)

font-family: 'name';


#148 ipodushkin

ipodushkin

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

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

Отправлено 21 Май 2014 - 16:04

Просмотр сообщенияСake (21 Май 2014 - 16:01) писал:

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

http://site.ru/design/

а так же проверьте правильно ли вы задали имя шрифта (name)

font-family: 'name';

номер аккаунта у меня под аватаркой:
  • Номер аккаунта:SL- 230350
задал я все правильно можете сами посмотреть

#149 MikDark

MikDark

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

  • Модераторы
  • 6 463 сообщений

Отправлено 21 Май 2014 - 16:20

Просмотр сообщенияipodushkin (21 Май 2014 - 16:04) писал:

номер аккаунта у меня под аватаркой:
  • Номер аккаунта:SL- 230350
задал я все правильно можете сами посмотреть

Сейчас у Вас данный шрифт срабатывает, но на тэг h1 только, т.к. шрифт подключен в самом конце шаблона main.css . Переместите строки с инициализацией шрифта в самый верх шаблона.:

#150 Сake

Сake

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

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

Отправлено 21 Май 2014 - 16:22

В вашем файле стилей main.css синтаксическая ошибка для тега body, в результате шрифт срабатывает только на заданных тегах (для которых он был установлен). Найдите в вашем файле стилей main.css

body {
  font-size: 81%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "MyriadPro-Regular",  background-color: #FFF;
  color: #666;
}

и замените на

body {
  font-size: 81%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "MyriadPro-Regular";
  background-color: #FFF;
  color: #666;
}


#151 ipodushkin

ipodushkin

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

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

Отправлено 21 Май 2014 - 16:36

Просмотр сообщенияСake (21 Май 2014 - 16:22) писал:

В вашем файле стилей main.css синтаксическая ошибка для тега body, в результате шрифт срабатывает только на заданных тегах (для которых он был установлен). Найдите в вашем файле стилей main.css

body {
font-size: 81%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "MyriadPro-Regular", background-color: #FFF;
color: #666;
}

и замените на

body {
font-size: 81%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "MyriadPro-Regular";
background-color: #FFF;
color: #666;
}

Большое спасибо!

Просмотр сообщенияСake (21 Май 2014 - 16:22) писал:

В вашем файле стилей main.css синтаксическая ошибка для тега body, в результате шрифт срабатывает только на заданных тегах (для которых он был установлен). Найдите в вашем файле стилей main.css

body {
font-size: 81%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "MyriadPro-Regular", background-color: #FFF;
color: #666;
}

и замените на

body {
font-size: 81%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "MyriadPro-Regular";
background-color: #FFF;
color: #666;
}

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

#152 Сake

Сake

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

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

Отправлено 21 Май 2014 - 16:52

Вам необходимо в файле стилей main.css заменить или удалить все упоминания о других шрифтах. Шрифт может присутствовать в полной записи вида

font-family:

или же в краткой записи

font:

Например - найдем

h3, h3 a {
  font-family: MyriadPro-Regular;
  font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
 
  font-weight: normal;
  color: #409c1d;
  margin: 1.1111em 0 0.5555em 0;
}

В данном случае добавленная вами запись

font-family: MyriadPro-Regular;

не имеет смысла, так как она ниже переопределяется

font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;

замените класс на

h3, h3 a {
  font-family: MyriadPro-Regular;
  font-size: 1.5em;
  line-height: 1.1111em;
  font-weight: normal;
  color: #409c1d;
  margin: 1.1111em 0 0.5555em 0;
}

или на

h3, h3 a {
  font: 1.5em/1.1111em MyriadPro-Regular;
  color: #409c1d;
  margin: 1.1111em 0 0.5555em 0;
}





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

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