Использование OpenType в Веб-Типографике

[spyfzm]

Красиво. Но вроде бы SVG позволяет выделять и копировать текст, а в Вашем примере мне это не удалось.

[mezastel]

Насколько я понимаю, SVG позволяет это делать только в том случае, когда у Вас действительно объект типа «текст». Тут же совсем другое — произвольная векторная графика. Конечно, можно написать алгоритм выделения и для нее, но как мне кажется, это очень трудоемкая задача. И самое главное непонятно зачем — так ли часто требуется выбрать текст в заголовке?

[spyfzm]

Например, скопировать текст вместе с заголовком, что бы что-то потом с ним сделать. Вставить в текстовый редактор, например. Сохранить в заметках вроде гугла. Отправить цитату по электронной почте, IM. А так, все заголовки и подзаголовки, оформленные вашим методом, пропадут =(

[spyfzm]

Где-то на Хабре был пост о преимуществах SVG и проблеме того, что он, указанный в W3C, игнорируется Майкрософтом.
Одним из плюсов выделяли то, что, скажем, волнистый векторный текст, написанный с помошью SVG можно выделять так же, как обычный плоский.
Простите за дилетанство, а разве лигатуры и прочее отсутствует в современных шрифтах, юникоде?

[mezastel]

Ну возьмите например Georgia и откройте в CharMap, хотя бы. Лигатур — две (и еще неизвестно, прописана ли для них фича ОТ). Альтернативных букв — нуль. Oldstyle chars — нет. То же самое и в других популярных в интернете шрифтах.

[kurokikaze]

Oldstyle chars? Если вы об oldstyle figures, то в Georgia они как раз по дефолту минускульные.

[mezastel]

Вау! Действительно, это так.

[kurokikaze]

Да, мне тоже очень нравится.

[SamDark]

О, да… пара мегабайт ради красивости…

[spyfzm]

Серьезно? Так много? Я-то думал, почему так долго грузится…

[mezastel]

Да, это одна из проблем — просто некоторые шрифты настолько детально прорисовывают каждую букву, что количество деталей зашкаливает. Зато шрифты вроде Myriad должны идти на ура — там очень мало деталей.

[ingeniarius]

Может быть есть смысл придумать оптимизатор чтобы уменьшать количество деталей.

[arestov]

для ie5+ можно vml скрармливать
а ещё может пригодится habrahabr.ru/blogs/webdev/22970/

[arestov]

и это… в svg файлы вроде как можно встраивать шрифты… также как и во флэш или pdf

[vladfrandom]

А чем вам sIFR не угодил? novemberborn.net/sifr

[mezastel]

Ну хотя бы тем что он не печатается (а точнее печатается, наверное, на 72dpi). И я не уверен что он поддерживает фичи ОТ.

[ingeniarius]

Тем что это flash ;)

[kurokikaze]

Лигатуры то как раз легко разбиваются, им соответствуют, если не ошибаюсь, вполне определённые Unicode-последовательности. Google Book Search лигатуры в книгах распознает на ура.

[Heath]

«Swash» — «Вариации прописных с росчерками»
«Oldstyle numerals» — «Минускульные цифры»

[Heath]

И оно кагбэ слишком жестоко тормозит для реального решения, а не proof of concept. :(

А так интересно и огромное спасибо за начинание! Капля камень точит. ;)

[weirdan]

Ну по идее гзиповаться должно хорошо, да и генерируется один раз на всех (потом складывается в кеш). Или вы какие-то другие тормоза имели в виду?

[Heath]

Картинка открывается секунд 15. Это сервер медленный, или решение?

[weirdan]

Это скорее всего последствие того, что автор не сделал тех двух вещей, о которых я упомянул в своем комменте (гзип и кеш результатов).

[mezastel]

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

[vooD]

Похожую идею на флэше реализовали тут https://www.t-mobile.nl/Persoonlijk/htdocs/page/homepage.aspx
Обратите внимание на текст в верхних табах.

[mezastel]

sIFR

[lapse]

в хроме не работает

[david_mz]

Респект! А Вы не планируете открыть свой парсер?

p.s. В Хроме 0.2.149.29 — работает.

[mezastel]

Пофискил для хрома и IE. Решение получилось неэлегантное — для тегов приходится из SVG файла вытаскивать размеры.

[ingeniarius]

Ещё есть @font-face, который поддерживается в webkit и opera,
также существует сборка gecko с его поддержкой,
так что, возможно, уже скоро можно будет использовать «собственные» шрифты

[djem]

И для Internet Explorer есть подобная технология, только сделана не так как у всех, но работает.

[weirdan]

Есть, называется EOT. Интересной особенностью (в отличие от того, что используется в webkit/opera) данного решения является то, что учитываются лицензионные ограничения, прописанные в самом файле шрифта — лицензия, по которой шрифт был предоставлен в пользование, может запрещать внедрение этого шрифта в документы и веб-страницы. Также внедренный шрифт привязывается к конкретным урлам, на которых его можно использовать — и не будет отображаться на других страницах.

[ingeniarius]

DRM для шрифтов как всегда от MS)))

[mezastel]

С лицензирование тут отдельная тема…

[mezastel]

Тут даже не в этом проблема. Лично мне хочется чтобы, например, ОТ фичи сами по себе применялись к обычному тексту. То есть в идеале я хотел бы чтобы браузеры поддерживали OpenType разметку + ClearType + Hinting. Пока об этом можно мечтать.

[kurokikaze]

Хинтинг в дефолтных шрифтах и так есть.

P.S. Делайте страницы в PDF ;)

[ingeniarius]

А вы думали например о том чтобы генерировать для каждой буквы отдельный SVG элемент, так сказать создать SVG шрифт?
Таким образом можно кстати создать что-то наподобие sIFR только вместо Flash использовать SVG :)

[mezastel]

Непрактично. Самому делать кернинг неохота. И все равно это не решает проблему больших размеров.