Нестандартные шрифты на холсте Canvas.

[Yamaradg]

Всем привет.

Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом:

Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.)

(Не используя картинки!)

Можно ли как то задействовать в этом плане сервис Cufon?

Если да - то как именно?

(Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?)

Возможно существует какая то альтернатива в этом плане?

P.S. Заранее благодарен за ответ..

[Justnewone]

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

[Yamaradg]

  On 4/1/2013 at 12:15 PM, Justnewone said:

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

Не совсем так. Потому, как поисковые боты вряд ли с картинок информацию считывать смогут!

(В Яндексе так это точно..)

В куфоне же есть соответствующий тег <cufontext />

P.S. И ещё!

У меня есть вопрос к модераторам.(насчёт одного моего заблокированного поста.)

Написал в личку 2-им модераторам но ответа так и не дождался за месяц!

Не могли бы вы сказать к кому в моём случае обратится можно, что бы меня услышали?

(Буду очень признателен за помощь!)

Edited April 6, 2013 by Yamaradg

[Justnewone]

поисковые боты не менее эффективно считывают тайтлы или альты с картинок.

[Yamaradg]

  On 4/7/2013 at 12:45 PM, Justnewone said:

поисковые боты не менее эффективно считывают тайтлы или альты с картинок.

В этом случае согласен с вами! (Чисто Tеоретически это должно так работать. И примеры подобных реализаций(Не знаю насколько успешных..) имеются..)

Но разве является такой подход менее затратным, по сравнению с подключением через Сufon?

(+ если мне надо целую страницу текста сделать. Не совсем себе представляю как это дело редактировать при необходимости?

Каждый раз к фотошопу обращаться? (Не все контент менеджеры это умеют делать.. )

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

Как такое с помощью фотошопа реализовать? Каждое слово(и возможно даже 'слог') картинкой нарезать что ли?)

Edited April 7, 2013 by Yamaradg

[Justnewone]

Да, есть ньюансы. Именно поэтому шрифты надо вставлять через фонт-фейс

[Yamaradg]

  On 4/8/2013 at 5:56 AM, Justnewone said:

Да, есть ньюансы. Именно поэтому шрифты надо вставлять через фонт-фейс

Я обоими руками только ЗА!

Но есть 2 большие проблемы:

1) для фонт-фейс нужны лицензионные шрифты(если мне память не изменяет.)

Если их нет - то ничего не получится!

2) Если подключать очень 'крутые', c точки зрения графики, шрифты - то фонт-фейс начинает глючить!

(Часто в опера!) Баги эти не решаемы!

P.S. Но для простеньких шрифтов конечно фонт фейс вполне прокатит..

Edited April 8, 2013 by Yamaradg

[lexxcode]

  On 4/8/2013 at 6:07 AM, Yamaradg said:

1) для фонт-фейс нужны лицензионные шрифты(если мне память не изменяет.) Если их нет - то ничего не получится!

@font-face'у плевать какие шрифты через него подключаются, он никак не проверяет лицензию.

  On 4/8/2013 at 6:07 AM, Yamaradg said:

2) Если подключать очень 'крутые', c точки зрения графики, шрифты - то фонт-фейс начинает глючить! (Часто в опера!) Баги эти не решаемы!

Сколько уже просто ужаснейших по весу шрифтов подключал, ничего нигде не глючит, просто дольше грузится и подключается с большей задержкой

  On 4/6/2013 at 8:29 PM, Yamaradg said:

У меня есть вопрос к модераторам.(насчёт одного моего заблокированного поста.) Написал в личку 2-им модераторам но ответа так и не дождался за месяц! Не могли бы вы сказать к кому в моём случае обратится можно, что бы меня услышали? (Буду очень признателен за помощь!)

Вообще не в курсе о чем ты, что за пост? Когда? Где?

[Yamaradg]

  On 4/8/2013 at 8:17 AM, alexriz said:

  On 4/8/2013 at 6:07 AM, Yamaradg said:

1) для фонт-фейс нужны лицензионные шрифты(если мне память не изменяет.) Если их нет - то ничего не получится!

@font-face'у плевать какие шрифты через него подключаются, он никак не проверяет лицензию.

  On 4/8/2013 at 6:07 AM, Yamaradg said:

2) Если подключать очень 'крутые', c точки зрения графики, шрифты - то фонт-фейс начинает глючить! (Часто в опера!) Баги эти не решаемы!

Сколько уже просто ужаснейших по весу шрифтов подключал, ничего нигде не глючит, просто дольше грузится и подключается с большей задержкой

  On 4/6/2013 at 8:29 PM, Yamaradg said:

У меня есть вопрос к модераторам.(насчёт одного моего заблокированного поста.) Написал в личку 2-им модераторам но ответа так и не дождался за месяц! Не могли бы вы сказать к кому в моём случае обратится можно, что бы меня услышали? (Буду очень признателен за помощь!)

Вообще не в курсе о чем ты, что за пост? Когда? Где?

https://disk.yandex....izeX6hzn54DhEI=

https://disk.yandex....bqdKFURWjqOeoI=

Попробуйте эти шрифты сконвертировать через font-face?

(Это Impact в 2-х разных версиях. Только, что скачал...)

Далее:

Вот страница с подключениями разных шрифтов:

http://ayrveda.ru/we...tions_Up/1.html

Смотрим на скрин(C акцентом на слово 'расстояние')

https://st.free-lanc...4037488a400.jpg

Затем наблюдаем глюки(в виде неправильного отступа. А вернее его отсутствия!) в Opera, Safary, Google Chrome!

Попробуйте Исправить..

Файлы со страницей(+ полностью всей её начинкой: шрифтами и т. д.) можно скачать по следующему адресу:

https://disk.yandex....C+sZy+km2OE7QU=

P.S. Писал в личку не вам(не буду говорить кому..)

А пост вот этот:

http://forum.htmlboo...topic=31171&hl=

Edited April 8, 2013 by Yamaradg

[lexxcode]

что-то не стыкуется, вы мне дали impact, а у вас там Orbitronio

[Yamaradg]

  On 4/8/2013 at 9:23 AM, alexriz said:

что-то не стыкуется, вы мне дали impact, а у вас там Orbitronio

Всё правильно.

Impact это просто для примера того, что его загнать в сервис font-face не удается!

(У меня просто была недавно такая проблема(с этим шрифтом + другими тоже!) и я о ней вспомнил..)

На странице же действительно проблемы с Orbitronio!

[lexxcode]

ну сконвертировал https://dl.dropbox.com/u/12766560/impact/impacted_hack-demo.html

не уверен отдаст ли DropBox корректно шрифты, но вроде работает

[Yamaradg]

  On 4/8/2013 at 9:33 AM, alexriz said:

ну сконвертировал https://dl.dropbox.c..._hack-demo.html

не уверен отдаст ли DropBox корректно шрифты, но вроде работает

вы на этой странице конвертировали?

http://www.fontsquirrel.com/tools/webfont-generator

(просто, что бы я ориентировался..)

[lexxcode]

  On 4/8/2013 at 9:35 AM, Yamaradg said:

вы на этой странице конвертировали? http://www.fontsquir...bfont-generator (просто, что бы я ориентировался..)

Да конечно

[Yamaradg]

  On 4/8/2013 at 9:37 AM, alexriz said:

  On 4/8/2013 at 9:35 AM, Yamaradg said:

вы на этой странице конвертировали? http://www.fontsquir...bfont-generator (просто, что бы я ориентировался..)

Да конечно

У меня примерно такая картина:

http://ayrveda.ru/we...r/font_face.jpg

(Что я мог из виду упустить?)

P.S. А что по глюкам с Orbitronio?

(Если вы это решите я скажу, что вы гений! )

Edited April 8, 2013 by Yamaradg

[lexxcode]

  On 4/8/2013 at 9:47 AM, Yamaradg said:

У меня примерно такая картина: http://ayrveda.ru/we...r/font_face.jpg (Что я мог из виду упустить?)

У меня так же само Просто шрифт платный и его нельзя конвертировать и использовать на сайтах.

  On 4/8/2013 at 9:47 AM, Yamaradg said:

P.S. А что по глюкам с Orbitronio? (Если вы это решите я скажу, что вы гений! )

У меня оригинального шрифта нету

[Yamaradg]

  On 4/8/2013 at 9:53 AM, alexriz said:

  On 4/8/2013 at 9:47 AM, Yamaradg said:

У меня примерно такая картина: http://ayrveda.ru/we...r/font_face.jpg (Что я мог из виду упустить?)

У меня так же само Просто шрифт платный и его нельзя конвертировать и использовать на сайтах.

  On 4/8/2013 at 9:47 AM, Yamaradg said:

P.S. А что по глюкам с Orbitronio? (Если вы это решите я скажу, что вы гений! )

У меня оригинального шрифта нету

А я же говорил, что не все шрифты конвертировать можно!?

(Только не пойму как вы всё таки это сделали? Вы же ссылку на уже сконвертированный файл дали. Или вы шрифт где то в другом месте нашли?)

Там в папке fonts шрифт(Orbitronio) лежит.. + в папке font-face уже всё есть сконвертированное!

(Внутри папки(Company_Solutions_Up) с целой страницей..)

Edited April 8, 2013 by Yamaradg

[lexxcode]

  On 4/8/2013 at 9:59 AM, Yamaradg said:

А я же говорил, что не все шрифты конвертировать можно!? (Только не пойму как вы всё таки это сделали? Вы же ссылку на уже сконвертированный файл дали. Или вы шрифт где то в другом месте нашли?)

Сконвертировал в белке. Ловкость рук и сплошное мошенничество

  On 4/8/2013 at 9:59 AM, Yamaradg said:

Там в папке fonts шрифт(Orbitronio) лежит.. + в папке font-face уже всё есть сконвертированное! (Внутри папки(Company_Solutions_Up) с целой страницей..)

А нашел. Там сам по себе шрифт днище, но тем не менее нормально (более-менее) можно конвертировать https://dl.dropbox.com/u/12766560/orbitronio/orbitronio-demo.html

[Yamaradg]

  On 4/8/2013 at 10:11 AM, alexriz said:

А нашел. Там сам по себе шрифт днище, но тем не менее нормально (более-менее) можно конвертировать https://dl.dropbox.c...ronio-demo.html

А вы не могли бы поделиться секретом как вы сконвертировали всё это дело?

+ Что вы подразумеваете под словом 'днище'?

P.S. Если решите глюк(на странице) - дайте, при возможности, знать..

Edited April 8, 2013 by Yamaradg

[lexxcode]

  On 4/8/2013 at 10:16 AM, Yamaradg said:

Что вы подразумеваете под словом 'днище'?

Подразумеваю то что шрифт плохого качества

  On 4/8/2013 at 10:16 AM, Yamaradg said:

P.S. Если решите глюк(на странице) - дайте, при возможности, знать..

мне довольно сложно судить как правильно, но вроде бы то что нужно

https://dl.dropbox.com/u/12766560/Company_Solutions_fix.zip

[Yamaradg]

  On 4/8/2013 at 10:22 AM, alexriz said:

  On 4/8/2013 at 10:16 AM, Yamaradg said:

P.S. Если решите глюк(на странице) - дайте, при возможности, знать..

мне довольно сложно судить как правильно, но вроде бы то что нужно

https://dl.dropbox.c...lutions_fix.zip

Здорово! Всё работает!

А как вам это удалось?

+ не могли бы вы(хотя бы в личку) написать как вы шрифты Impact сконвертировали + orbitronio где взяли?

По каким признакам понимаете что шрифт плохой или хороший?

Как вообще научится решать подобные проблемы задачи?

P. S. Если ещё и насчёт моего заблокированного поста ответите - то это вообще будет замечательно..

(возможно его стоит в будущем просто заново создать? Не заблокирут ли его за то что он будет копией ранее заблокированного поста?)

Edited April 8, 2013 by Yamaradg

[lexxcode]

  On 4/8/2013 at 10:39 AM, Yamaradg said:

А как вам это удалось?

Я давненько статейку писал по белке http://css-live.ru/faq/ne-standartnye-shrifty-v-web-vmeste-s-fontsquirrel.html

там правда часть уже не очень актуальна, например svg можно не создавать. Но основные моменты по настройкам конвертора описаны.

  On 4/8/2013 at 10:39 AM, Yamaradg said:

По каким признакам понимаете что шрифт плохой или хороший?

Я смотрю на то как сбиваются параметры x-height и Vertical Metrics, сложно объяснить, на уровне интуиции что-ли) Вот когда оно сбито получается такой результат как был у вас, что символы повылетали из своих символьных ячеек (вот не помню как они правильно называются). В режиме expert можно пытаться исправлять такие ситуации

  On 4/8/2013 at 10:39 AM, Yamaradg said:

не могли бы вы(хотя бы в личку) написать как вы шрифты Impact сконвертировали + orbitronio где взяли?

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

  On 4/8/2013 at 10:39 AM, Yamaradg said:

P. S. Если ещё и насчёт моего заблокированного поста ответите - то это вообще будет замечательно..

Я не в курсе о каком посте идет речь, напишите в ЛС

[Yamaradg]

  On 4/8/2013 at 10:55 AM, alexriz said:

Я не в курсе о каком посте идет речь, напишите в ЛС

Написал вам в личку..

[Yamaradg]

  On 4/8/2013 at 10:55 AM, alexriz said:

Я смотрю на то как сбиваются параметры x-height и Vertical Metrics, сложно объяснить, на уровне интуиции что-ли) Вот когда оно сбито получается такой результат как был у вас, что символы повылетали из своих символьных ячеек (вот не помню как они правильно называются). В режиме expert можно пытаться исправлять такие ситуации

А Где на результаты этого 'сбивания' посмотреть можно? (Только на глаз на сколько я понял?(сбивается(глючит) текст или нет..)

Получается, что при помощи настроек в режиме эксперт можно абсолютно любой(по сложности) шрифт адекватно настроить?

(даже если исходник плохого любого качества будет..)

Я правильно понял? (или не совсем?)

P.S. Ваш старый пост о шрифтах я обязательно почитаю..

Edited April 8, 2013 by Yamaradg

[lexxcode]

Ну да на глаз, вы когда подключили шрифт, если выделить текст написанный им, то будет видно что выделение стоит нормально, а символы из него улетают выше или нише, или как бы не помещаются, по всякому бывает. Ваш шрифт еще далеко не самый плохой. Бывает совсем клиника, там уже довольно сложно исправлять, приходится подбирать X-height Matching в ручную в маленьком поле под надписью None. Но имхо это настолько нетривиальная задача, что проще дать кому-то по рогам, и выбить замену шрифта

[Yamaradg]

  On 4/8/2013 at 11:38 AM, alexriz said:

Ну да на глаз, вы когда подключили шрифт, если выделить текст написанный им, то будет видно что выделение стоит нормально, а символы из него улетают выше или нише, или как бы не помещаются, по всякому бывает. Ваш шрифт еще далеко не самый плохой. Бывает совсем клиника, там уже довольно сложно исправлять, приходится подбирать X-height Matching в ручную в маленьком поле под надписью None. Но имхо это настолько нетривиальная задача, что проще дать кому-то по рогам, и выбить замену шрифта

Oк. Понял. Огромное вам спасибо!

P.S. Я там вам в личку ещё одно сообщение написал насчёт своего поста..