Помогите настроить шрифт в IE.

12
Klopopryg
На сайте с 29.12.2004
Offline
344
1171

В лисе и опере все "ок", отлично отображается рук. шрифт, а в IE не хочет, ну как обычно.

http://www.ortodont-msk.ru/about.html

Как заставить IE это сделать?

Лучше выстрелить, перезарядить и еще раз выстрелить, чем светить фонариком и спрашивать - "кто тут?"
D
На сайте с 29.06.2011
Offline
2
#1

Попробуй такой вариант (назначение собственного шрифта):

<style>

@font-face {
font-family:"MyCustomFont";
src:url(MyCustomFont.ttf) format("truetype");
}

/* Пример применения */

h1 {
font-family:MyCustomFont;
}
</style>
Klopopryg
На сайте с 29.12.2004
Offline
344
#2
Diplodok:
Попробуй такой вариант (назначение собственного шрифта):

<style>

@font-face {
font-family:"MyCustomFont";
src:url(MyCustomFont.ttf) format("truetype");
}

/* Пример применения */

h1 {
font-family:MyCustomFont;
}
</style>

Не вижу разницы между вашим примером и моей реализацией


<style>
@font-face {
font-family: Adine_Kirnberg;
src: url(http://www.ortodont-msk.ru/fonts/Adine_Kirnberg.ttf);
}
</style>
<p style="font-family: Adine_Kirnberg; font-size: 28px">
S
На сайте с 29.01.2006
Offline
404
#3

Klopopryg, а у меня рукописный шрифт только в FF 5. В опере 11.11 и ИЕ 7 обычный компьютерный шрифт.

Мне кажется, фигнёй вы страдаете - во-первых, я об этот "рукописный" шрифт глаза сломал на второй строчке, во-вторых, одно из правил хорошего (и без головной боли) дизайна - использовать типовые шрифты.

D
На сайте с 30.09.2008
Offline
107
#4

Посмотрел в опере и в ие 6, 7, 8. Не вижу особой разницы.

H
На сайте с 13.06.2011
Offline
9
#5

Scaryer, согласен полностью, глаза тоже поломал)

А вообще в какую сторону думать, если уж очень хочется. Почитайте про cufon. Ну и главная проблема в том, что IE кушает шрифты только формата EOT

Слово не воробей. Все не воробей, кроме воробья!
Klopopryg
На сайте с 29.12.2004
Offline
344
#6
Scaryer:

Мне кажется, фигнёй вы страдаете

сайт клиента, с ним спорить - себе дороже. Он сказал, я сделал. Если передумает потом, решит переделать, еще раз заплатит.

H
На сайте с 13.06.2011
Offline
9
#7
Klopopryg:
сайт клиента, с ним спорить - себе дороже. Он сказал, я сделал.

А спорить то зачем, когда можно просто продемонстрировать. Вы ему деликатно как-нибудь предложите побыть на месте пользователя, напишите для него какой-нибудь текст, точно таким же шрифтом, размером и цветом, пусть попробует прочитать... может тогда поймет, что пользователь, зашедший на его сайт, не будет это читать вообще

Если передумает потом, решит переделать, еще раз заплатит.

За что тут платить то?) За то, чтобы 2 слова поменять?

F
На сайте с 04.08.2007
Offline
100
#8

Просто IE не поддерживает формат "truetype".

Для IE нужно отдельно использовать формат "eot".

Тоесть ваш пример


@font-face {
font-family: Adine_Kirnberg;
src: url("http://www.ortodont-msk.ru/fonts/Adine_Kirnberg.eot");
src: url(http://www.ortodont-msk.ru/fonts/Adine_Kirnberg.ttf) format("truetype") ;
}

Файл шрифта в формате "eot" должен быть соответственно.

Olldman
На сайте с 21.04.2010
Offline
79
#9

IE не поддерживает внедрение свободных форматов TTF и OTF в принципе и может подгружать только EOT-формат. Сконвертировать TTF или OTF в EOT можно с помощью замечательного сервиса Font Squirrel.

Подключение выглядит так:

@font-face {
font-family: MyFont;
src: url(font.eot);
src: local('☺'), url(font.ttf) format('truetype');
}
body {font-family: MyFont;}

Конструкция local('☺') необходима для того, чтобы IE не поперхнулся TTF-форматом шрифта.

Кстати и Гугл-Хром_у не нравится некоторые TTF/OTF-файлы, в том же сервисе можно преобразовать формат для него.

D
На сайте с 29.06.2011
Offline
2
#10

sorry, в хеде не посмотрел стиль.

Кстати IE9 нормально отображает. :)

Вот нарыл интересную информацию по шрифты в IE Web Standards – Форум

Может поможет.

Кстати, если на сайте только одна такая страница, то может имеет смысл выложить её в виде картинки?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий