Подключение своего шрифта

[alleclf]

Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта.

 

Шрифты конвертировал на onlinefontconverter.com

 

Подключаю шрифт к сайту вот так:

@font-face {    font-family: Minion Pro;    src: url("../style/minion_pro_or.eot?") format("eot"),          url("../style/minion_pro_or.woff") format("woff"),          url("../style/minion_pro_or.ttf")  format("truetype"),         url("../style/minion_pro_or.svg#svgFontName") format("svg");}

Как мне подключить шрифт если он состоит из 4 частей?

 

В примере использую шрифт "Minion Pro", он нормальный - в одном файле всё, и курсив и жирность.

Edited December 25, 2013 by alleclf

[klierik]

www.fontsquirrel.com/tools/webfont-generator

[alleclf]

www.fontsquirrel.com/tools/webfont-generator

так он мне в архив сделал все шрифты в 4 форматах: 4 шрифта regular, 4 italic, 4 bold и 4 bold italic

 

Как их все подключить к сайту? Этот конвертер НЕ объединил regular, italic, bold и 4 bold italic в один файл (шрифт).

[k0d]

Посмтри как это делает гуглофонт - http://fonts.googleapis.com/css?family=PT+Sans:400,400italic&subset=cyrillic

[klierik]

Как их все подключить к сайту? Этот конвертер НЕ объединил regular, italic, bold и 4 bold italic в один файл (шрифт).

 

 

все он сделал правильно, внимательнее прочитай CSS который он сгенерировал.

Ты применяешь только font-family, элементу, а начертание выставляется стандартными возможностями css: font-weight: bold;

[k0d]

font-weight: bold;

 

Это не совсем так... Некоторые гарнитуры имеют другой "жирный" вид и font--weight не так их "жирнит".

Не будем голословны.

http://rghost.ru/51193825.view - вот.

[Softlink]

Можно тут почитать еще.

[k0d]

Сцуко, я велик изобрел....

 

Можно тут почитать еще.

[alleclf]

www.fontsquirrel.com/tools/webfont-generator

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

[alleclf]

Может кто знает, как сделать чтобы на андроид планшетах этот шрифт корректно работал?

 

Подключил так как описано тут - http://webfont.ru/blog/about-font-face-part-two/

[klierik]

Это не совсем так... Некоторые гарнитуры имеют другой "жирный" вид и font--weight не так их "жирнит". Не будем голословны.

 

это мне чтоль? я же сказал внимательно прочитать код который генерирует белка.

уж коль не очевидна конструкция, давай обратим внимание на детали:

 

http://screencast.com/t/vIfI4xDb7

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

 

 

смотри настройки, ты не включил кирилицу.

[k0d]

2klierik

прошу прощения. поспешил с выводами...

[alleclf]

смотри настройки, ты не включил кирилицу.

Вот так я делал:

русских букв НЕТ,

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

 

Архив с шрифтами получился на 300 Кб, и каждый из шрифтов размером 20-40 Кб. Я так понимаю что с кирилицей он должен быть в приделах 200-300 Кб каждый.

Вот скрин с тотала папки с шрифтом

 

А это описание шрифта из архива

Edited December 27, 2013 by alleclf

[klierik]

Седя по Subset Preview: все должно быть нормально, если файл шрифта вообще содержит кирилицу. Ищи проблему у себя.

 

Я проверил, все работает.

Взял первый попавшийся кирилический шрифт - http://www.dafont.com/philosopher.font

залил его в белку

 

http://imageshack.us/photo/my-images/5/j082.jpg/

 

Скачал, открыл /philosopher-regular-demo.html

и вижу:

 

Language Support

The subset of Philosopher Regular in this kit supports the following languages:

Cyrillic, English

 

[alleclf]

Седя по Subset Preview: все должно быть нормально, если файл шрифта вообще содержит кирилицу. Ищи проблему у себя.

вот если через onlinefontconverter.com конвертировать то нормально выходит, шрифт размером 200-300 Кб, попробую его вставить на сайт