Комментарии 38
Красиво. Но вроде бы SVG позволяет выделять и копировать текст, а в Вашем примере мне это не удалось.
Насколько я понимаю, SVG позволяет это делать только в том случае, когда у Вас действительно объект типа «текст». Тут же совсем другое — произвольная векторная графика. Конечно, можно написать алгоритм выделения и для нее, но как мне кажется, это очень трудоемкая задача. И самое главное непонятно зачем — так ли часто требуется выбрать текст в заголовке?
Например, скопировать текст вместе с заголовком, что бы что-то потом с ним сделать. Вставить в текстовый редактор, например. Сохранить в заметках вроде гугла. Отправить цитату по электронной почте, IM. А так, все заголовки и подзаголовки, оформленные вашим методом, пропадут =(
Где-то на Хабре был пост о преимуществах SVG и проблеме того, что он, указанный в W3C, игнорируется Майкрософтом.
Одним из плюсов выделяли то, что, скажем, волнистый векторный текст, написанный с помошью SVG можно выделять так же, как обычный плоский.
Простите за дилетанство, а разве лигатуры и прочее отсутствует в современных шрифтах, юникоде?
Одним из плюсов выделяли то, что, скажем, волнистый векторный текст, написанный с помошью SVG можно выделять так же, как обычный плоский.
Простите за дилетанство, а разве лигатуры и прочее отсутствует в современных шрифтах, юникоде?
О, да… пара мегабайт ради красивости…
для ie5+ можно vml скрармливать
а ещё может пригодится habrahabr.ru/blogs/webdev/22970/
а ещё может пригодится habrahabr.ru/blogs/webdev/22970/
А чем вам sIFR не угодил? novemberborn.net/sifr
Лигатуры то как раз легко разбиваются, им соответствуют, если не ошибаюсь, вполне определённые Unicode-последовательности. Google Book Search лигатуры в книгах распознает на ура.
«Swash» — «Вариации прописных с росчерками»
«Oldstyle numerals» — «Минускульные цифры»
«Oldstyle numerals» — «Минускульные цифры»
И оно кагбэ слишком жестоко тормозит для реального решения, а не proof of concept. :(
А так интересно и огромное спасибо за начинание! Капля камень точит. ;)
А так интересно и огромное спасибо за начинание! Капля камень точит. ;)
Похожую идею на флэше реализовали тут https://www.t-mobile.nl/Persoonlijk/htdocs/page/homepage.aspx
Обратите внимание на текст в верхних табах.
Обратите внимание на текст в верхних табах.
в хроме не работает
Респект! А Вы не планируете открыть свой парсер?
p.s. В Хроме 0.2.149.29 — работает.
p.s. В Хроме 0.2.149.29 — работает.
Ещё есть @font-face, который поддерживается в webkit и opera,
также существует сборка gecko с его поддержкой,
так что, возможно, уже скоро можно будет использовать «собственные» шрифты
также существует сборка gecko с его поддержкой,
так что, возможно, уже скоро можно будет использовать «собственные» шрифты
И для Internet Explorer есть подобная технология, только сделана не так как у всех, но работает.
Есть, называется EOT. Интересной особенностью (в отличие от того, что используется в webkit/opera) данного решения является то, что учитываются лицензионные ограничения, прописанные в самом файле шрифта — лицензия, по которой шрифт был предоставлен в пользование, может запрещать внедрение этого шрифта в документы и веб-страницы. Также внедренный шрифт привязывается к конкретным урлам, на которых его можно использовать — и не будет отображаться на других страницах.
Тут даже не в этом проблема. Лично мне хочется чтобы, например, ОТ фичи сами по себе применялись к обычному тексту. То есть в идеале я хотел бы чтобы браузеры поддерживали OpenType разметку + ClearType + Hinting. Пока об этом можно мечтать.
А вы думали например о том чтобы генерировать для каждой буквы отдельный SVG элемент, так сказать создать SVG шрифт?
Таким образом можно кстати создать что-то наподобие sIFR только вместо Flash использовать SVG :)
Таким образом можно кстати создать что-то наподобие sIFR только вместо Flash использовать SVG :)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Использование OpenType в Веб-Типографике