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


Видимость Стороннего Шрифта В Разных Браузерах


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

#1 ivanchik

ivanchik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 13 Ноябрь 2014 - 17:25

Подключил шрифт "OpenSans-Regular". верхнее и нижние менюшки в подвале. Смотрю сайт в firefox. Там шрифт не видится этот. Нельзя не как поправить? в ie посмотрел, он вообще весь кривой

#2 Vaccina

Vaccina

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

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

Отправлено 14 Ноябрь 2014 - 02:41

Вы использовали следующее подключение для шрифта?
@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;
}

попробуйте использовать данное подключение, только в нем замените sait.storeland.ru на свой домен и Shrift замените на название шрифтового файла, так же это же имя лучше обозначать для названия шрифта.
Как видите подключается несколько шрифтовых файлов, это необходимо для кроссбраузерной поддержки, конвертируйте ваш шрифт в несколько указанных выше форматов.

#3 ivanchik

ivanchik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 14 Ноябрь 2014 - 09:04

У меня вот так:
@font-face
{
   font-family: 'OpenSans-Light';
   src: url('{ASSETS_OTHER_PATH}OpenSans-Light.eot');
   src: url('{ASSETS_OTHER_PATH}OpenSans-Light.eot?#iefix') format('embedded-opentype'),
				url('{ASSETS_OTHER_PATH}OpenSans-Light.svg#OpenSans-Light') format('svg'),
				url('{ASSETS_OTHER_PATH}OpenSans-Light.ttf') format('truetype'),
				url('{ASSETS_OTHER_PATH}OpenSans-Light.woff') format('woff');
}
@font-face
{
   font-family: 'OpenSans-Regular';
   src: url('{ASSETS_OTHER_PATH}OpenSans-Regular.eot');
   src: url('{ASSETS_OTHER_PATH}OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
				url('{ASSETS_OTHER_PATH}OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
				url('{ASSETS_OTHER_PATH}OpenSans-Regular.ttf') format('truetype'),
				url('{ASSETS_OTHER_PATH}OpenSans-Regular.woff') format('woff');
}
Тут что то не так? Подскажите пожалуйста

#4 Dars

Dars

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

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

Отправлено 14 Ноябрь 2014 - 18:58

Просмотр сообщенияivanchik (14 Ноябрь 2014 - 09:04) писал:

У меня вот так:
@font-face
{
font-family: 'OpenSans-Light';
src: url('{ASSETS_OTHER_PATH}OpenSans-Light.eot');
src: url('{ASSETS_OTHER_PATH}OpenSans-Light.eot?#iefix') format('embedded-opentype'),
url('{ASSETS_OTHER_PATH}OpenSans-Light.svg#OpenSans-Light') format('svg'),
url('{ASSETS_OTHER_PATH}OpenSans-Light.ttf') format('truetype'),
url('{ASSETS_OTHER_PATH}OpenSans-Light.woff') format('woff');
}
@font-face
{
font-family: 'OpenSans-Regular';
src: url('{ASSETS_OTHER_PATH}OpenSans-Regular.eot');
src: url('{ASSETS_OTHER_PATH}OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('{ASSETS_OTHER_PATH}OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
url('{ASSETS_OTHER_PATH}OpenSans-Regular.ttf') format('truetype'),
url('{ASSETS_OTHER_PATH}OpenSans-Regular.woff') format('woff');
}
Тут что то не так? Подскажите пожалуйста
Код верный, но на сайт загружены только файлы формата ttf. Как было указано выше, файлы шрифтов нужно конвертировать во все форматы, указанные в коде, и добавить их на сайт.

#5 ivanchik

ivanchik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 17 Ноябрь 2014 - 22:10

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

#6 Ирина345

Ирина345

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

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

Отправлено 17 Ноябрь 2014 - 22:46

Просмотр сообщенияivanchik (17 Ноябрь 2014 - 22:10) писал:

понятно. решил использовать другой шрифт. более стандартный
вопрос в другом теперь. просматриваю сайт через IE, вверху появилось менюшка какая то непонятная и подвал весь кривой. подскажите пожалуйста, как поправить. и почему так вообще просмfтривается через ie?
Здравствуйте, попробуйте такой вариант найдите в HTML код
  
 <meta http-equiv="X-UA-Compatible" content="IE=7" />
и удалите




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

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