проблемы с @font-face и "Private Sans"

[slo_nik]

Добрый день.

На сайте надо подключить шрифт "Private Sans".

В инете нашёл кроссбраузерный вариант подключения шрифтов и сервис для конвертации.

Конвертировал три варианта шрифта "regular", "italic" и "bold".

В полученном архиве было указано правило для подключения шрифта (три варианта)

@font-face {
    font-family: 'PrivateSansRegular';
    src: url('../fonts/pvs55-webfont.eot');
    src: url('../fonts/pvs55-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pvs55-webfont.woff') format('woff'),
         url('../fonts/pvs55-webfont.ttf') format('truetype'),
         url('../fonts/pvs55-webfont.svg#PrivateSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* + ещё два правила для  pvs56 и pvs75*/

Закинул шрифт, получил обратно архив, прописал в файле css правило (три варианта) и ни чего не получилось, шрифт вообще

ни в одном браузере работать не хочет. Попытка изменения имени шрифта в font-family тоже результата не дала.

Но если использую старый вариан подключения шрифта всё работает кроме в IE.

@font-face{
   font-family: 'Private Sans';
   src: url('../fonts/PVS55.otf'),
        url('../fonts/PVS56.otf'),
        url('../fonts/PVS75.otf');}

Подскажите пожалуйста, как решить данную проблему?

[lexxcode]

А шрифты вы положили в правильную директорию, и вообще положили?

[slo_nik]

А шрифты вы положили в правильную директорию, и вообще положили?

Естественно

Все варианты шрифтов лежат в одной директории, как конвертированные, так и исходные.

Работают только исходные шрифты

Edited February 1, 2012 by slo_nik

[lexxcode]

В примере, который белка выдала, шрифты работают?

[slo_nik]

В примере, который белка выдала, шрифты работают?

Работают

[lexxcode]

В примере, который белка выдала, шрифты работают?

Работают

Значит, вы что-то не правильно подключили, перепроверяйте

[klierik]

это:

font-family: 'PrivateSansRegular';

и это:

font-family: 'Private Sans';

совершенно разные имена шрифтов. это надо учесть!

А еще неплохо бы почитать лицензию шрифта. Можно ли вообще его использовать таким образом.

[lexxcode]

ну если шрифт использовали в макете, то скорей всего проблем не должно быть

[slo_nik]

это:

font-family: 'PrivateSansRegular';

и это:

font-family: 'Private Sans';

совершенно разные имена шрифтов. это надо учесть!

А еще неплохо бы почитать лицензию шрифта. Можно ли вообще его использовать таким образом.

Менял имена шрифта по разному, без изменений.

ну если шрифт использовали в макете, то скорей всего проблем не должно быть

Шрифт используется в макете, прилагался )))

Указываю для класса в css

/* так */
.class{font:20px 'PrivateSans'}
/* или так */
.class{font:20px 'Private Sans'}
/* или так */
.class{font:20px 'PrivateSansRegular'}

без изменений, шрифт подгружается нормально, смотрел через firebug...

Edited February 1, 2012 by slo_nik

[lexxcode]

А есть ссылка, где глянуть глазами на верстку можно?

[slo_nik]

А есть ссылка, где глянуть глазами на верстку можно?

Вот

Получается, что шрифт подгружается если в стиле для body явно указать font-family, но и это не влияет положительно на отображение шрифта

Опять же пробовал писать имя шрифта по разному, ни чего не получается (((

В демо версии от "белки" я разложил файлы так же как и у меня на серевере, всё работает, а в моём варианте нет, почему понять не могу(((

Edited February 1, 2012 by slo_nik

[lexxcode]

У вас подключенный @font-face стоит после

body{padding:0; margin:0; min-width:1000px;  font-family: 'PrivateSansRegular';}

Поставьте @font-face в самое начало css файла

Edited February 1, 2012 by alexriz

[slo_nik]

У вас подключенный @font-face стоит после

body{padding:0; margin:0; min-width:1000px;  font-family: 'PrivateSansRegular';}

Поставьте @font-face в самое начало css файла

Поменял местами, шрифт подгружается, но не меняет отображение...

Менял имя файла через firebug - ни чего не работает (((

[lexxcode]

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

А подключено сейчас все нормально. Просто пересоберите шрифт, если исходный в принципе поддерживает кириллицу.

[klierik]

Сделай в точности как на скрине:

http://awesomescreenshot.com/095tbu2d9

[lexxcode]

klierik, о, я как раз искал скрин, на днях тоже делал, выкладывал на форуме

[slo_nik]

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

А подключено сейчас все нормально. Просто пересоберите шрифт, если исходный в принципе поддерживает кириллицу.

Исходный поддерживает, если я его подключаю, то в mozilla и chrome работают шрифты.

Остальная пляска со шрифтами это из-за пендоского, долбанного IE !!! (шоб microsoft жил 300 лет и не кашлял....)

alexriz, klierik, багодарю за подсказки, буду пробовать, отпишу позже о результатах...

Edited February 1, 2012 by slo_nik

[slo_nik]

Всем спасибо, теперь всё работает...

Вот только не понятно, почему надо явно указывать для body семейство шрифта, почему недостаточно указать его в классе?

и по поводу смайлика. Как я понял, это для "ишика", но вроде я где-то читал, что есть и другой вариант.

[lexxcode]

Всем спасибо, теперь всё работает...

Вот только не понятно, почему надо явно указывать для body семейство шрифта, почему недостаточно указать его в классе?

и по поводу смайлика. Как я понял, это для "ишика", но вроде я где-то читал, что есть и другой вариант.

А кто сказал, что обязательно в body указывать?? В body, Это если вам нужно чтоб везде был этот шрифт, а если только в отдельном месте, подключайте себе по классу и не парьтесь)

Не понял про смайлик

Edited February 1, 2012 by alexriz

[slo_nik]

Всем спасибо, теперь всё работает...

Вот только не понятно, почему надо явно указывать для body семейство шрифта, почему недостаточно указать его в классе?

и по поводу смайлика. Как я понял, это для "ишика", но вроде я где-то читал, что есть и другой вариант.

А кто сказал, что обязательно в body указывать?? В body, Это если вам нужно чтоб везде был этот шрифт, а если только в отдельном месте, подключайте себе по классу и не парьтесь)

Не понял про смайлик

действительно, то я парюсь )))

а по поводу смайлика вот

src: local('?'),

правда в блокнот он скопировался как "О"