mezastel Sep 16 2008 at 14:58

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

4 min

1.3K

Typography*

+25

Comments 38

spyfzm Sep 16 2008 at 15:15

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

mezastel Sep 16 2008 at 15:23

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

spyfzm Sep 16 2008 at 15:28

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

spyfzm Sep 16 2008 at 15:39

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

mezastel Sep 16 2008 at 15:53

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

kurokikaze Sep 17 2008 at 16:44

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

mezastel Sep 18 2008 at 11:43

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

kurokikaze Sep 18 2008 at 13:51

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

SamDark Sep 16 2008 at 15:38

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

spyfzm Sep 16 2008 at 15:41

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

mezastel Sep 16 2008 at 15:50

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

ingeniarius Sep 17 2008 at 15:13

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

arestov Sep 16 2008 at 16:14

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

arestov Sep 16 2008 at 16:16

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

vladfrandom Sep 16 2008 at 20:31

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

mezastel Sep 17 2008 at 09:23

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

ingeniarius Sep 17 2008 at 15:14

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

kurokikaze Sep 16 2008 at 20:43

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

Heath Sep 16 2008 at 22:33

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

Heath Sep 16 2008 at 22:35

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

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

weirdan Sep 16 2008 at 23:23

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

Heath Sep 16 2008 at 23:29

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

weirdan Sep 17 2008 at 00:26

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

mezastel Sep 17 2008 at 09:22

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

vooD Sep 17 2008 at 15:19

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

mezastel Sep 17 2008 at 15:52

sIFR

lapse Sep 17 2008 at 16:39

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

david_mz Sep 17 2008 at 17:05

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

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

mezastel Sep 18 2008 at 11:45

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

ingeniarius Sep 17 2008 at 17:26

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

djem Sep 17 2008 at 17:30

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

weirdan Sep 18 2008 at 02:07

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

ingeniarius Sep 18 2008 at 12:22

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

mezastel Sep 18 2008 at 14:35

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

mezastel Sep 18 2008 at 11:47

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

kurokikaze Sep 18 2008 at 13:58

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

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

ingeniarius Sep 18 2008 at 12:28

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

mezastel Sep 18 2008 at 14:34

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

Show the best of all time