Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: @font-face на разных серверах
 
 автор: Slo_Nik   (14.11.2011 в 13:33)   письмо автору
 
 

Доброе утро.
Сделал статичную html страничку, в которой подгружаются шрифты через @font-face.
На моей локальной машине, на моём реальном сервере, во всех браузерах я вижу нормальное подключение шрифта.
На сайте заказчика я тоже нормально всё вижу, во всех браузерах (IE 7+, Google Chome 15, Mozilla 5, Safari 5, Opera 11).
вот так я подключаю в файле css шрифты

@font-face{font-family: "Myriad Pro.otf"; src: url('../fonts/MyriadPro-Regular.otf'); font-weight:normal; font-style: normal;}
@font-face{font-family: "Myriad Pro Cond.otf"; src: url('../fonts/MyriadPro-BoldCond.otf'); font-weight:normal; font-style: normal;}
@font-face{font-family: "Myriad Pro Light.otf"; src: url('../fonts/MyriadPro-Semibold.otf'); font-weight:normal; font-style: normal;}

Но проблема появляется на сайте заказчика, проверял он с разных операционок и браузеров.

Подскажите, как решить данную проблему? Из-за чего она возникает?

  Ответить  
 
 автор: AlexSol   (14.11.2011 в 14:11)   письмо автору
 
   для: Slo_Nik   (14.11.2011 в 13:33)
 

@font-face{font-family: "Myriad Pro.otf"; <-------- это имя шрифта, которое вы буде использовать

а вы используете

.present{font-family:'Myriad Pro'} т.е. совершенно другое имя.
у вас работает т.к. шрифт установлен в систему, у заказчика шрифт не установлен.

относительно разных браузеров, необходимо подключать в 3х форматах. примерно так


@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular_0-webfont.eot');
    src: url('myriadpro-regular_0-webfont.eot?iefix') format('eot'),
         url('myriadpro-regular_0-webfont.woff') format('woff'),
         url('myriadpro-regular_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  Ответить  
 
 автор: Slo_Nik   (14.11.2011 в 14:40)   письмо автору
 
   для: AlexSol   (14.11.2011 в 14:11)
 

> у вас работает т.к. шрифт установлен в систему, у заказчика шрифт не установлен.

утверждает, что подключён, брал шрифты из сисетмы когда скидывал мне.

У него на компе стоит Мас + через iPhone сомотрел + через Linux и Windows и везде, как он утверждает одинаковый результат

Поменял имя шрифта как Вы и подсказали, вроде всё встало на свои места )))

Если Вас не затруднит, посмотрите ещё раз и скажите, шрифт в блоке такой же как и на первом изображении?

  Ответить  
 
 автор: AlexSol   (14.11.2011 в 14:56)   письмо автору
 
   для: Slo_Nik   (14.11.2011 в 14:40)
 

у меня от установлен в системе.

сейчас да, он принудительно загружается с сервера.

http://floomby.ru/content/mDkLmMnGNU

  Ответить  
 
 автор: Slo_Nik   (14.11.2011 в 15:01)   письмо автору
 
   для: AlexSol   (14.11.2011 в 14:56)
 

Спасибо за подсказки и помощь )))

  Ответить  
 
 автор: AlexSol   (14.11.2011 в 14:13)   письмо автору
 
   для: Slo_Nik   (14.11.2011 в 13:33)
 

есть сервис, который подготавливает шрифт во всех форматах. но насколько я помню, Myriad Pro - лицензионный и его не получиться скормить

http://www.fontsquirrel.com/fontface/generator

  Ответить  
 
 автор: Lelik   (14.11.2011 в 18:38)   письмо автору
 
   для: AlexSol   (14.11.2011 в 14:13)
 

имя файла можно поменять, и скармливается :)

ой, я это в слух сказал?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования