Статьи

Подкаст SitePoint № 23: Веб-шрифты с Джеффом Вином

Эпизод 23 подкаста SitePoint теперь доступен!

Полная стенограмма интервью приведена ниже.

Скачать этот эпизод

Вы также можете скачать этот эпизод в виде отдельного файла MP3. Вот ссылка:

  • Подкаст SitePoint № 23: Веб-шрифты с Джеффом Вином (MP3, 23,6 МБ)

Стенограмма интервью

Кевин: Эпизод подкаста SitePoint 23, пятница, 14 августа 2009 года: «Веб-шрифты с Джеффом Вином».

Кевин: Привет, добро пожаловать в подкаст SitePoint — новости, мнения и свежие идеи для веб-разработчиков и дизайнеров.

Брэд: Брэд Уильямс из WebDevStudios.

Патрик: Патрик О’Киф из сети iFroggy.

Стефан: И Стефан Сегравс из Хьюстона, штат Техас.

Кевин: Сегодня пятница, и это может означать только одно: пришло время для подкаста SitePoint. Это снова я на этой неделе, или, вернее, только я и наш специальный гость, потому что это шоу — интервью с Джеффом Вином, одним из ярких умов Typekit , нового сервиса, который Джефф иногда называет «iTunes Store для веб-шрифты ». Но вместо того, чтобы объяснять это мне, давайте поприветствуем самого человека: Джеффа Вина, добро пожаловать на подкаст SitePoint.

Джефф: Привет, большое спасибо, Кевин. Здесь хорошо.

Кевин: Рад тебя слышать. Поэтому, пожалуйста, для наших слушателей, представьтесь.

Джефф: Конечно, я счастлив. Привет всем, меня зовут Джефф Вин, и я являюсь генеральным директором Small Batch, Inc. , компании, которая в настоящее время разрабатывает продукт под названием Typekit , о котором, я думаю, у нас будет немало разговоров сегодня.

До этого я провел немного времени в Google , где мы провели несколько дизайнерских работ с Google Analytics , и я уверен, что многие из ваших слушателей, вероятно, знакомы с ними. Мы попали в Google благодаря приобретению продукта Measure Map, который я создал в компании Adaptive Path , которая является консалтинговой компанией, которая занимается веб-дизайном и пользовательским опытом в Сан-Франциско.

В общем, это то, чем я занимался последние несколько лет, и я с нетерпением жду разговоров о чём-то.

Кевин: Хорошо. Когда кто-то встречает вас на вечеринке, как вы описываете, что делаете? Какая общая нить?

Джефф: Знаешь, это зависит от вечеринки. Честно говоря, я говорю людям, что я делаю вещи в Интернете, и что это в первую очередь конечная перспектива дизайна. Ну, я действительно не тренируюсь в дизайне; технически я как бы впал в это. Я попал в Интернет с журналистским опытом в начале, когда был в журнале Wired , но моя карьера все больше и больше двигалась к созданию вещей в Интернете с предпринимательской точки зрения, но я вроде как За последние несколько лет я работал на себя и строил компании с большим количеством фантастических друзей и партнеров, и к этому моменту они спрашивают меня, могут ли они принести мне еще один напиток, и уходят.

Кевин: Может быть, это из твоего прошлого в Adaptive Path больше всего, но кажется, что ты подходишь к вещам с точки зрения юзабилити, или, по крайней мере, так кажется, когда появляется новый проект от Джеффа Вина, всегда появляется больше внимания чем в среднем тратится на удобство использования вещи. Что в сети заставляет вас возвращаться с новыми идеями? Это потому, что удобство использования в Интернете отличается от других?

Джефф: Одна из вещей на протяжении всей моей карьеры, которой я всегда был полностью очарован, — это стирание граней между людьми, которые делают вещи, и людьми, которые потребляют вещи в Интернете. Как и в случае с телевидением или даже журналистикой, когда я работал в газетах, было очень много такого рода небольшой группы людей, хорошо обученных тому, что они отвечали за все, и это просто полностью исчезло, когда появился Интернет, верно ? И поэтому я всегда был очень заинтересован в таких вещах, как социальные сети, начиная с блогов, где каждый может иметь право голоса, и каждый может публиковать и иметь аудиторию и делиться вещами, и я всегда действительно интересовался этим и с этой точки зрения это требует от нас большой эмпатии в проектной работе, которую мы выполняем, что мы действительно фокусируемся на конечных пользователях и привлекаем их, чтобы сделать их частью процесса, потому что мы также являемся конечными пользователями и они также разработчики, они также контент-провайдеры. Так что эта размытая линия всегда была движущей силой всей дизайнерской работы, которую мы проделали со всеми проектами, над которыми я работал.

Кевин: Отлично. Итак, вы упомянули свое время в Google. Как бывший гуглер — Алекс Уокер, наш дизайнер здесь, в SitePoint, спрашивал меня, думаю ли я, что у вас будет какая-то перспектива поделиться с Google Wave . Это то, о чем вы можете говорить, это то, к чему вы относитесь лично, участвовали ли вы в этом вообще?

Джефф: На самом деле нет. Я не был вовлечен в это и, честно говоря, это был редкий пример того, как Google был настолько скрытным, что когда я увидел демо онлайн, то же самое сделали все остальные, как это было одновременно. Я знал, что в сиднейском офисе был большой проект, и люди переезжали в Сидней, чтобы поработать над ним, и никто не говорил об этом. Я думаю, что это увлекательно, как сейчас, вне Google и заглядывание внутрь, это отличный пример того, как эта инициатива снизу вверх всегда работала в Google. Всегда существовала эта мифология 20% времени, и талантливые инженеры могли работать над тем, что они хотят, и получать за это поддержку, и я думаю, что Google был отличным примером этого. Есть проверенная группа инженеров, у которых была хорошая идея, и они получили внутреннюю поддержку, и они с ней работали, и они проделали потрясающую работу.

Кевин: С точки зрения юзабилити Алекс сейчас задается вопросом: практично или даже желательно объединить все эти гораздо более простые системы коммуникации в одно большое решение? Это то, что имеет ценность, объединяя все это во что-то, что может быть более сложным и трудным в использовании?

Джефф: Ну, это абсолютно актуальная проблема, верно? И я думаю, что если бы я как бы вкладывал деньги в какое-либо решение Google, они сделали бы это так, чтобы это было открыто и охватывало сообщество разработчиков, я думаю, что это очень похоже на позицию, которую Twitter занял, где — быть Совершенно честно, я пользуюсь Твиттером целый день каждый день, и я почти не посещаю их сайт. Есть клиенты, есть мой телефон, верно … и я полностью ожидаю, что Google Wave станет первой реализацией, возможно, нового способа подключения и общения с людьми, как это было в Twitter. И мы не понимаем, какими будут правила для этого, и мы не знаем, собираются ли люди в конечном итоге делать все это. Точно так же, как электронная почта была 20 лет назад, она перешла от проприетарных решений и стала чем-то, что вы можете потреблять так, как хотели. Так что это было бы мое предположение, моя ставка.

Кевин: Пальцы скрещены.

Джефф: Да, именно так.

Кевин: Ну, несколько лет назад вы написали книгу под названием «Искусство и наука веб-дизайна» и пользователь форума SitePoint. Алекс Доусон хочет знать, нужно ли вам думать об этом, каковы наиболее важные изменения, которые имеют пришел в веб-дизайн с момента публикации этой книги?

Джефф: Это отличный вопрос. Это было также давно; Я думаю, что в 1999 году вышла эта книга. Так что произошло огромное количество. Если вспомнить 2000 год, то такие вещи, как стандартный космический веб-дизайн, были чем-то вроде незначительной вещи, например, крупные компании на самом деле не понимали этого и не поддерживали его, и это благодаря работе таких людей, как Зельдман и Эрик Мейер, и, честно говоря, сотням Дизайнеры действительно сосредоточились на стандартизированном дизайне, а также на возникновении войн браузеров, верно, — они как бы сошлись на том факте, что сейчас мы можем принять это как должное. Как будто это не большая битва, в которой мы участвуем и сражаемся, это хорошая практика дизайна, и люди делают это постоянно. Особенно сейчас, когда такие вещи, как Firefox и Safari действительно отняли тонну доли рынка у доминирующих игроков. Я думаю, что это одно из самых больших изменений.

На самом деле, еще одно большое изменение, произошедшее за это время, — это переход на новые браузеры, и я думаю, что об этом мы не слишком много говорим в наши дни. Я знаю, когда я начинал свою карьеру в веб-дизайне, когда в браузере появилась новая функция, мы все были рады ее использовать, но мы знали, что пройдет шесть, девять месяцев, может быть, больше года, прежде чем мы действительно сможем рассчитывать на достаточно большая аудитория, наконец, обновляет свои браузеры настолько, чтобы иметь возможность полагаться на эти новые функции. Видя вещи, например, с помощью @font-face где появляется новый браузер, и в течение нескольких недель огромная часть аудитории обновила Firefox или Safari. С Firefox он просто один раз спрашивает вас, когда вы открываете приложение: «Эй, вы не возражаете, если я сделаю обновление?» И он уже скачал его, и он поменял его, у вас есть новая версия, и это коренным образом изменилось то, как быстро дизайнеры могут использовать новые технологии, и, честно говоря, как быстро производители браузеров могут перебирать и смотреть, что работает.

Кевин: Отчасти это связано с тем, что производители браузеров более умны в отношении того, как они вводят функции, то есть в том, чтобы добавлять собственные имена к именам свойств CSS, не для того, чтобы получить слишком техническую информацию, но это означает, что освобождаются возможности добавления новых функций в браузеры. разработчики могут попробовать эти вещи, не нарушая совместимость в будущем или в обратном направлении.

Джефф: Совершенно верно, и дизайнеры могут затем оставить отзыв и, честно говоря, проголосовать за свой код, верно? Вы можете увидеть, какие вещи работают.

В ночных WebKit я очень внимательно наблюдал за тем, как мы делаем эти удивительные CSS-анимации, и он полностью построен на основе технологии базовой операционной системы, поэтому он очень производительный, и это меня очень воодушевляет быть в состоянии построить, вероятно, какое-то время в 2010 — начале 2010 года, если мы получим некоторый консенсус Я просто думаю, что это абсолютно увлекательный способ показать много инноваций в браузерном пространстве, что, честно говоря, если бы вы спросили меня 10 ушей назад, я бы сказал: «Нет, я думаю, что это в основном решено сейчас Вы знаете, и мне нравится, я думаю, что IE6 может быть последней версией, которую мы видим… ”помните все эти вещи? Я не мог быть счастливее, что все это происходит так быстро сейчас.

Кевин: Ну, вы упомянули о возобновлении войн браузеров, и это правда, но это действительно другая «война». В первый раз было ощущение, что кто-то должен был выиграть, и мы все застраховали свои ставки. кто бы выиграл, но теперь мы очень счастливы, если никто не выиграет, потому что чем больше конкуренция продолжается, тем лучше для нас.

Джефф: Это точно. Я абсолютно согласен. Это больше похоже на то, что у нас есть браузер UN, верно, там, где мы есть — на самом деле процесс работает сейчас, и мы понимаем, как он идет, и все ладят и…

Кевин: Итак, вы упомянули @font-face

Джефф: Typekit — это приложение, которое я создаю, которое находится между всеми разными людьми, которые заинтересованы в использовании типографики в Интернете. Около 18 месяцев назад на A List Apart , фантастическом веб-сайте Джеффри Зельдмана, написанном Хаконом Ли, который является техническим директором Opera, говорилось, что следующей важной вещью будут веб-шрифты, и он взял на себя обязательство Opera поддерживать его. в следующей версии. Сразу после этого он начал появляться в Safari, а затем Firefox объявил, что они тоже его поддержат. Это очень простой способ для дизайнеров использовать в своих таблицах стилей URL-адрес, который указывает на шрифт на сервере, а их HTML-код просто отображает этот шрифт. Так что это очень похоже на то, как мы можем, скажем, ссылаться на изображение или ссылаться на немного JavaScript. Теперь мы можем ссылаться на шрифт, и когда HTML-страница отображается в браузере, она будет отображаться этим шрифтом без использования Flash, изображений или чего-либо еще. Так что на самом деле вся типографика может быть открыта в браузерах.

Теперь, это то, что поддерживалось в Internet Explorer вплоть до, я думаю, Internet Explorer 4, но, конечно, Internet Explorer 5, но это было уже давно, но Internet Explorer сделал это очень проприетарным способом, используя Формат шрифта, который они изобрели и запатентовали, и единственный способ по-настоящему использовать его в Internet Explorer — использовать инструмент с относительно ошибками, который должен был конвертировать ваш шрифт в их специальный формат и связать его со страницей, и это действительно не так. Это не вписывается в то, как работают дизайнеры, и поэтому никто не использовал его. Теперь эти браузеры предлагали: «Ну, почему бы нам просто не использовать шрифты OpenType или TrueType, которые существуют во всем мире, как у нас они навсегда, поместить их на свой сервер, связать их, и это просто работает, и это было огромное количество волнения по этому поводу. Дизайнеры говорят: «Это фантастика! Это то, чего мы давно хотели, это здорово ».

Конечно, мы должны замедлить процесс и оценить, что происходит, на стороне дизайнера и литейщика, потому что у них нет лицензий, которые фактически позволяют размещать шрифты на серверах и распространять их по всей сети. , Они осторожны и обеспокоены тем фактом, что вся их интеллектуальная собственность просто станет свободной, станет широко распространенной и будет повсюду. Таким образом, они пытаются найти решение, которое помогает защитить их интеллектуальную собственность.

За последнее десятилетие мы убедились, что решения DRM не работают, верно? Практически каждое решение, которое было опробовано, будь то iTunes, какие-то технологии Microsoft или что-то в этом роде, эти компании всегда отступали. Потребитель просто не терпит все тайные правила и тому подобное. Такого рода вещи не будут работать.

Поэтому Typekit пытается найти золотую середину между дизайнерами, которые отчаянно пытаются разместить шрифты на своих веб-страницах, и литейными предприятиями, осторожно пытающимися выйти на этот новый рынок, и наше решение заключается в размещении шрифтов на централизованном сервере. ряд сравнительно облегченных средств защиты, так что только авторизованные сайты, только люди с учетной записью Typekit могут использовать эти шрифты, а затем мы даем вам ссылку, которую вы вставляете на свои страницы, чтобы заставить шрифт работать, и вы можете продолжать работать как всегда. Независимо от того, используете ли вы инструмент редактирования HTML или пишете код вручную, идея состоит в том, чтобы позволить дизайнерам просто создавать свои страницы, но шрифты для них доступны.

В общем, вот как это все работает.

Кевин: Так что же привлекло тебя в этом проекте?

Джефф: Ну, я думал о том, что будет дальше, когда я был в Google. Я ушел из Google более года назад и основал новую компанию под названием Small Batch с моим давним другом и деловым партнером Брайаном Мэйсоном. Мы с ним вместе работали в Adaptive Path. Он управлял бизнесом Adaptive Path, консалтинговой компании, и он искал что-то новое, поэтому он и я собрались вместе и начали мозговой штурм кучу вещей, которые мы могли бы сделать. Мы провели конференцию, поработали с Twitter, пообщались с ними. Мы собрались вместе с парой других соучредителей, которые также работали с нами в Google и помогли создать Measure Map, Грега Вина и Райана Карвера. Мы четверо собрались вместе, когда делали эту работу в Твиттере, и сказали, что мы можем сделать дальше? Каким будет наш проект? Что было бы что-то действительно привлекательным для нас?

И это верно в отношении праздников прошлого года, и как раз перед этим было несколько сообщений в блоге. Я думаю, что Ричард Раттер из Clearleft и Джон Аллсопп из Австралии, из Сиднея, Western Civ и конференций Web Directions , начали говорить: «Эй, как насчет того, чтобы добавить шрифты в Интернет сейчас, когда браузеры их поддерживают, может быть, есть какие-то есть новые бизнес-модели?

Кевин: Да, тогда это только начало нагреваться.

Джефф: Да, тогда уже все вокруг. Я также — по счастливой случайности — отправился в Австралию, провел рождественские каникулы в Сиднее, встретился с Джоном и пообедал с ним, где мы начали говорить, и он начал рассказывать мне об этом, как будто здесь может быть идея. Мы могли бы что-то предпринять, пытаясь предоставить, возможно, шрифты как услугу, может быть, например, как iTunes — это услуга, возможно, шрифты могли бы иметь своего рода iTunes для шрифтов. И это полностью нашло отклик. Это аудитория. Аудитория веб-разработчиков, с тех пор, как в 90-е годы я работал в Webmonkey , это та аудитория, с которой я был связан и чувствовал себя частью и которую я встречал на конференциях, и я был такой, как идеальная аудитория, идеальный набор технологий, это похоже на захват земли на диком западе. Мол, здесь выходит эта новая технология, никто не знает, что делать, и в ней огромное волнение, это прекрасно.

Итак, мы вернулись и еще немного поговорили с Джоном, он является советником Typekit, поэтому мы с ним все время об этом говорим. Мы набросали основной тип архитектуры, как она могла бы работать, выяснили, как браузер поддерживает все, пошли и поговорили с инвесторами и сказали, что мы думаем, что это будет довольно большим, что это изменит способ, которым дизайн веб-дизайнеров, как выглядят веб-сайты, и мы думаем, что здесь есть отличная возможность. У нас есть несколько фантастических инвесторов, в том числе Эван Уильямс из Твиттера , Катерина Фэйк из Flickr, Мэтт Малленвег из WordPress и множество других людей. Таким образом, у нас были люди, которые были очень родными для Интернета, чтобы сказать: «Да, мы верим в это и поддерживаем вас». И так, что все собрались вместе… и тогда, если повезет, Джейсон Санта Мария , один из крупнейших фанатов шрифтов В мире феноменальный дизайнер только вышел из Happy Cog, где он и Джеффри Зельдман годами работали, чтобы начать искать свой собственный проект, пока мы не начали работать с ним. Все сошлось, и вот как Typekit получил свое начало.

Кевин: Так ты считаешь себя типичным фанатом?

Джефф: Я всегда был очарован типографикой, но я не очень хорош в этом.

Кевин: Я думаю, это описывает многих веб-дизайнеров.

Джефф: Да, я знаю, я так думаю и, честно говоря, мы никогда не были такими. В Интернете существует настолько ограниченный выбор шрифтов, что все больше контроля над тем, как мы можем создать то, что у нас было. Я всегда любил — я имею в виду, я вижу шрифты, когда я смотрю в мир, как я вижу знаки, я вижу книги и все остальное, и я как «это великолепно, я люблю это». У меня никогда не было возможность по-настоящему копаться и работать с ними. Так что я думаю, что да, я думаю, как и многие веб-дизайнеры, я так рад, что у нас сейчас будет такая возможность, чтобы я наконец смог реализовать то желание, с которым мне приходилось работать с шрифтом.

Кевин: Отлично. Что ж, здесь, в SitePoint, у нас была возможность немного поиграть с предварительным просмотром Typekit. 36 шрифтов, представленных в предварительном просмотре, — прекрасное начало, но можем ли мы ожидать сотни или даже тысячи шрифтов в публичном запуске? Например, Typekit стремится стать бутиком, супермаркетом или складом для шрифтов?

Джефф: Я действительно не думал об этих категориях. Сотни — это ответ, который вы ищете, для запуска, а затем разнообразные уровни обслуживания, если вы можете себе представить. Вы сможете выбрать, какую большую библиотеку вы хотите использовать. Будут какие-то очень эксклюзивные шрифты, которые очень желательны, которые будут в специальных библиотеках и тому подобное. Но желание здесь — то сильное желание, которое у меня было с самого начала, и мы, как команда, всегда сплотились вокруг него, — это то, что дизайнеры должны быть в состоянии исключить деловое решение из творческого решения. Таким образом, вы должны иметь возможность по существу взглянуть на эту библиотеку типов и использовать все, что вы хотите, для любых проектов, над которыми вы работаете, для всего, что имеет смысл, и знать, что для этого у вас по сути есть фиксированная подписка. Вам не нужно беспокоиться о том, что… как будто это великолепный шрифт, каковы конкретные сценарии использования, для которых мне разрешено использовать его.

Одна из важных ценностей, которую мы пытались создать, — это упрощение всех правил лицензирования, которые, как говорят, если вы используете Typekit, вот как это работает, и это очень, очень просто.

Кевин: Хорошо. Таким образом, бизнес-решение заключается в том, хотим ли мы инвестировать в типографский контроль нашего внешнего вида в Интернете, и как только это решение будет принято, это творческая свобода оттуда, вот в чем идея.

Джефф: Это верно.

Кевин: Отлично. Имеет ли Typekit эксклюзивные права на распространение шрифтов, которые он будет продавать?

Джефф: Нет. Я думаю, что есть огромная возможность не только для конкуренции, но и для того, чтобы поднять планку в дизайне в Интернете, и я не вижу необходимости в эксклюзивности во всем этом. Должно быть много разных моделей того, как должна работать типография в Интернете. Мы собираемся представить ряд из них, в том числе своего рода модель на основе подписки. Я не могу дождаться, чтобы увидеть, как все это закончится.

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

Джефф: Ну, как вы можете себе представить, есть полный спектр. Были встречи, на которых мы садились, и дизайнеры говорили: «Это именно то, чего мы ждали, где мы подписываемся?» И они были отличными партнерами, например, копались в технических спецификациях OpenType, чтобы выяснить, что работает в браузере, как невероятные партнеры, которые у нас были там.

Есть также люди, которые были очень скептически настроены, и я также могу полностью понять это. В индустрии текстов за последние 30 лет появилось предложение за предложением для разных форматов и разных технологий и разных способов, которыми люди, которые знают лучше, будут продавать свои шрифты. И правильно, они должны быть скептически настроены, но по большей части это было как бы посередине. Например: «Ну, почему бы нам не попробовать несколько наших шрифтов и посмотреть, как это может работать, и давайте посмотрим, как мы можем вырастить это в будущем…», и я думаю, что все действительно заинтересованы.

И я думаю, что по всем направлениям мы получили подтверждение от всех, что мы говорили с тем, что сейчас все меняется, что это не просто еще одно подобное предложение для Microsoft или что-то в этом роде, но что Интернет готов к это то, что произошло слияние более высокой пропускной способности и технологий браузеров и готовых дизайнеров, и это своего рода взросление всей индустрии, и сейчас настало время, когда мы действительно решим эту проблему, и давайте выясним это. И вы можете видеть, что, как если бы вы посмотрели на Typophile , который является популярным онлайн-форумом для дизайнеров шрифтов , или даже со списком рассылки W3C Web Font , невероятное количество участников и интереса к тому, как эти технологии работают и как они соответствуют потребностям дизайнеров и литейщиков.

Кевин: Говоря об этом, вы недавно написали в блоге Typekit о своей поддержке предложения формата файлов шрифтов в Интернете. Как вы думаете, что это предложение, если оно превращается в работающую технологию, чего оно достигает по сравнению с тем, что мы имеем сейчас?

Джефф: Итак, я думаю, с точки зрения дизайнера шрифтов, они просто просят браузеры поддерживать формат для шрифтов, который отличается для просмотра, чем для создания. И это одна из причин, почему это такая большая проблема, и почему вы не можете просто сказать хорошо, смотрите, это работает для фотографов, это работает для видео, это работает для музыки. Зачем браузерам делать что-то особенное для шрифтов? Реальность такова, что это буквально исходный код инструмента, который делают дизайнеры шрифтов. Они дают вам шрифт, и они дают вам буквально весь исходный код и говорят: «Вот, пожалуйста, у вас есть это сейчас». И это действительно немного по-другому.

Тем не менее, на стороне браузера им нужно, чтобы открытая сеть работала, чтобы не быть полностью агностичной, когда она ссылается на материал. Так что тут есть напряжение. Я думаю, что как отрасль, будь то веб-индустрия, индустрия шрифтов или что-то еще, нам нужно разобраться с этим и разобраться в этом. Теперь, я не думаю, что мы когда-нибудь положим джина обратно в бутылку; Я думаю, что мы всегда будем любить шрифты OpenType. Я не думаю, что Mozilla прекратит это делать, и Firefox и WebKit заберут это. Но я также думаю, что у любого нового формата есть возможность помочь дизайнерам шрифтов найти правильное решение, которое лучше всего им подходит.

Теперь, по той причине, что я думаю, что Typekit должен поддержать это потому, что мы полностью поддерживаем этот процесс — открытый обмен между заинтересованными сторонами. Этого традиционно не было в прошлом. Когда веб-шрифты впервые появились в 1998, 1999 или когда-либо, это было буквально, как будто Microsoft что-то придумала, Bitstream работал с Netscape, они что-то придумали, все смотрели, и на самом деле не было ощущения, что это было открытая и совместная дискуссия об этом. Так что я очень счастлив, что это происходит сейчас.

Я также думаю, что, честно говоря, создание веб-формата шрифта обойдёт множество проблем с патентованием и лицензированием, которые могут быть глубоко внедрены в некоторые из программ, которые у нас сейчас есть. В качестве аналогии, когда я начинал в Интернете, у нас был GIF, и у нас был JPEG, и какое-то время, как была эта патентная штука, которая гласила: каждый зрелище, у которого есть gif, будет платить лицензионный сбор владельцам патентов, я думаю, что в то время это был Unasys, верно? И поэтому была обеспокоенность, и поэтому группа собралась вместе и сделала этот полностью открытый формат, называемый файлами PNG. И они были действительно успешными, и это действительно сработало. Это не означает, что GIF и JPEG больше не работают в Интернете, но теперь существует открытый и необремененный формат файла для изображений, который все действительно приняли.

Кевин: Простое существование этого формата устраняет угрозу, существовавшую с GIF.

Джефф: Это верно. Так что я думаю, что это здорово. Это может занять пару лет, и это вовсе не замедлит веб-типографику, но даст нам полностью открытую альтернативу, и это будет здорово. Так что да, мы полностью поддерживаем это, и это направление, в котором индустрия должна идти.

В то же время, я думаю, у таких сервисов шрифтов, как Typekit, есть достаточно времени, чтобы помочь развить рынок, развить индустрию, а также заняться другими делами. Я думаю, что есть все возможности для размещенных стилей, и все это будет происходить дополнительно, параллельно с любым основанным на стандартах движением, которое мы видим.

Кевин: Вы упомянули ранее, что что-то, что явно беспокоит литейное производство, это угроза пиратства со своими шрифтами. Что если они неправильно отправят свои шрифты в Интернет, эта угроза снизит ценность их продукта. Это еще один случай попытки вернуть джина обратно в бутылку, потому что мне кажется, что шрифты уже есть, если кто-то хочет украсть их. Это реальная угроза или это то, что вам нужно решить, чтобы удовлетворить их страхи?

Джефф: Нет. Я бы не охарактеризовал это как «литейные заводы занимаются пиратством». Тот факт, что была разработка браузера, не меняет их позицию по этому поводу. Вы берете любой шрифт, который хотите, и вы помещаете слово torrent за ним, и вы ищете его в Google, и он там. И все литейные заводы знают это, все это знают, и этого джина нет, и я могу это гарантировать. Это никак не повлияло на продажи шрифтов. Это реальность того, как мир работает прямо сейчас, и они это признают. Что их беспокоит, так это доступность шрифтов в такой открытой и в некоторой степени кавалерской манере, что люди смущены необходимостью платить за лицензии или тому подобное.

Фраза, которую мы используем снова и снова, это «случайное злоупотребление», когда я смотрю на веб-сайт «Ооо, это красивый шрифт». Я беру шрифт и продаю его, и просто начинаю его использовать. Я не понимаю, что я нарушил какие-либо лицензии или авторские права. Я думаю, что это то, что мы видели … например, если вы посмотрите на судебные иски RIAA здесь, в Америке, это в основном люди, которые скачивали музыку и не понимали, что они делятся ею обратно; они не понимали, что Limewire или Napster работали таким образом, и вдруг адвокаты отправляли им письма. Это то, что индустрия шрифтов не хочет видеть, и я очень уважаю это.

Это то же самое, что Corbis или любой другой … Getty Images имеет с онлайн-фотографии. Они хотят убедиться, что … они полностью осознают, что с <img> вы можете щелкнуть по нему правой кнопкой мыши и выбрать изображение. Они просто хотят убедиться, что люди понимают, что это лицензированные изображения и что существуют определенные механизмы, предназначенные для компенсации людям, имеющим эти лицензии.

Это то, что индустрия шрифтов рассматривает и предлагает, и именно поэтому мы с самого начала говорили, что Typekit не пытался внедрить DRM или что-то подобное, но мы внедряем способы защиты нашего сервиса, поэтому что люди не просто ссылаются на шрифты и не просто используют сервис, который мы предоставляем без какой-либо оплаты, либо что люди вытаскивают шрифты из файла кеша, устанавливают их и думают, что все в порядке. Таким образом, есть несколько уровней, от проверки реферера HTTP через некоторые сегментированные шрифты и текст лицензии, которые вы явно должны удалить, такого рода вещи. Поместите все эти вещи на место, и это то, что резонирует с литейными цехами, с которыми работали и с которыми разговаривали.

Кевин: Можем ли мы поговорить о Photoshop на минуту? Очевидно, что Photoshop — это инструмент, с помощью которого многие веб-дизайнеры начинают новый дизайн. Если они собираются использовать подобный сервису Typekit для обслуживания своих шрифтов в готовом продукте, им придется покупать лицензию на печать для шрифт, чтобы они могли загрузить его в Photoshop и сделать макеты?

Джефф: Верно. Что ж, это фантастический вопрос, потому что мы всегда говорили, что хотим, чтобы дизайнеры работали так, как они всегда это делают, и поэтому мы активно обсуждаем это с литейными цехами, в какой степени мы можем их разрешить чтобы сделать это, и это то, что мы должны выяснить вместе с ними и найти действительно хорошее решение. Итак, прямо сейчас, как я хотел убедиться, что дизайнеры, которые все еще пишут вручную или все еще занимаются производством своих сайтов, как бы я это ни делал, используют ли они платформу для ведения блогов, используют ли они систему управления контентом или они используют Textmate и пишут разметку весь день. Photoshop — часть этого, и мы активно смотрим, как мы можем помочь дизайнерам сделать это.

Кевин: Да, так что справедливо сказать, что это нерешенная проблема в данный момент, но вы явно работаете над ней.

Джефф: Это абсолютно одна вещь, на которой мы сосредоточены, да.

Кевин: Говоря сам за себя, я думаю, что если бы я, как дизайнерская фирма, возможно, взяла на себя обязательство использовать Typekit в течение года или что-то в этом роде, я бы посчитал справедливым, что тип будет доступен для меня в других форматах для повторного использования в моя дизайнерская работа. Я просто думаю здесь вслух, но это то, чего я ожидал.

Джефф: Нет, это отличная обратная связь.

Кевин: Одна из больших технических проблем, которые решает Typekit, заключается в том, что Internet Explorer поддерживает только формат EOT для загружаемых шрифтов, и этот беспорядок может создавать этот формат. Как этот формат был разработан для?

Джефф: Ну, это было сложно, и я думаю, что это потому, что, честно говоря, это не было широко реализовано, верно? Если вы думаете о множестве продуктов с открытым исходным кодом, у вас есть миллионы глаз и сотни рук, которые активно развиваются и смотрят на эти вещи, и вещи действительно разбиты, и инструменты появляются правильно? Есть пара скриптов Python, которые генерируют EOT, мы используем библиотеку с открытым исходным кодом и глубоко модифицируем ее, чтобы заставить ее работать, но это много неизведанной территории; Я буду совершенно честен.

И поэтому мы приложили массу усилий в этом направлении, и у нас действительно отличные результаты, поэтому это также одна из причин, почему вы используете JavaScript, чтобы вы могли — вы помещаете ссылку на свою страницу, мы генерируем CSS и обслуживаем правильный CSS для правильных браузеров и правильный формат шрифта для браузеров. Так что еще одна из наших ключевых ценностей заключается в том, что веб-дизайнерам не придется проходить через все трудности, чтобы генерировать EOT, если они хотят поддерживать Internet Explorer. Теперь я знаю, что он стал чем-то вроде Internet Explorer, так как почти вся категория имеет вид, что начинает воспринимать это как второй уровень приоритета для многих дизайнеров. Мол, я делаю дизайн соответствия стандартам; это выглядит очень хорошо в Safari и Firefox, и затем я выясняю, чем я могу служить Internet Explorer, но мы также считаем, что типография станет способом, с помощью которого многие люди действительно используют свои бренды, чтобы иметь большой капитал в Вы бы не подумали о том, чтобы не посылать свой корпоративный логотип в Internet Explorer, и поэтому я думаю, что если люди будут все больше и больше придумывать свои бренды вокруг типовых обработок на веб-страницах в течение следующего месяца и лет, то это не будет возможность просто игнорировать Internet Explorer, когда дело доходит до этого. Итак, мы собираемся сделать что-то там И вот почему мы прилагаем столько усилий, чтобы вкладывать столько сил и энергии в выяснение того, как наилучшим образом поддерживать формат EOT и работать с ним каждый день.

Кевин: Да, в качестве примера, SitePoint недавно выделил новую компанию под названием Flippa.com, и при разработке логотипа для этой новой компании мы даже обсуждали «хорошо, для текстовой части этого логотипа мы Я хочу использовать шрифт, который, мы надеемся, сможем использовать в браузерах как текст, а не как изображение ». Так что это уже вкрадывается в обсуждение.

Что меня поразило, так это то, что эта возможность — настолько важная, насколько важны вопросы лицензирования, и решение этих проблем — огромная сила сервисов, таких как Typekit, и одна из важных ценностей, о которой вы говорите, заключается в том, что дизайнеры перестанут интересоваться. Дело в том, что это решает проблему Internet Explorer, но если такой формат, как .webfont появится через год или два, если все пойдет хорошо, мы увидим поддержку этого в Internet Explorer 9 или что-то в этом роде (смею надеяться), эта часть Ваше ценностное предложение может исчезнуть, и все же я думаю, что это то, что заставит людей сегодня войти в дверь, и как только они будут использовать такую ​​услугу, когда они привыкнут думать о шрифтах как о услуге, за которую они платят, я думаю, им будет удобно делать это в будущем, даже если проблема Internet Explorer исчезнет.

Джефф: О, я полностью согласен. Я приведу аналогию. У меня есть давняя подруга по имени Линда Вайнман, с которой, я уверен, многие давние разработчики знакомы, и она встроила Lynda.com в такую ​​издательскую империю — публикацию и обучение, и все эти замечательные вещи — она начала свою карьеру, борясь с цветным кубом Netscape. Как то, как он начал. Как будто цвет — это катастрофа в сети, у вас есть только 256, и есть эти цвета, и вы должны визуализировать свои изображения … Она писала книгу за книгой о работе с цветом сети, была чрезвычайно успешной, и, конечно, … я имею в виду, у нас нет я думал об этом уже десять лет, верно? Но ясно, что у дизайнеров есть проблемы, с которыми они сталкиваются каждый день, и я думаю, что Typekit может решить многие из этих проблем и будет продолжать это делать, даже если некоторые из них исчезнут в будущем.

Кевин: Говоря о болевых точках, что вы думаете о некоторых кросс-браузерных, кросс-платформенных проблемах рендеринга, которые существуют с загружаемыми шрифтами?

Джефф: Есть три места, где это может быть проблемой. Один в браузере и операционной системе. Один из них находится в самих файлах шрифтов, а другой — в некоторых службах, которые мы можем предоставлять через библиотеки JavaScript и через разные таблицы стилей для разных браузеров. Так что мы, конечно, делаем все возможное, верно? Они похожи на Firefox и Safari, они интерпретируют некоторые внутренние метрики файлов OpenType немного по-разному, и вы можете исправить это с помощью CSS. Итак, мы делаем что-то в этом роде, так что, по крайней мере, вы получаете сопоставимые показатели в двух браузерах.

Существуют способы работы с дизайнерами шрифтов, так что в литейных цехах, которые являются частью Typekit, мы нормализуем многие внутренние метрики их шрифтов или помогаем им выяснить, что лучше всего работает в Интернете, что-то типа взаимных уступок. это сотрудничество. Итак, это было фантастически.

Появляются шрифты и некоторые из самых ранних тестовых примеров, которые люди публиковали с технологическим предварительным просмотром Typekit, люди замечали, что иногда шрифт обрезается в базовой линии и тому подобное, это все, что мы исправляем в литейных цехах. И мы работаем, потому что, вы знаете, им никогда не приходилось размещать свои шрифты в браузерах, и мы разбираем все подобные вещи.

А потом есть все движки рендеринга, и это станет еще сложнее, я могу заверить вас. Например, я видел открытую ошибку в Bugzilla для следующей версии Firefox, которая хорошо говорит, что, возможно, нам следует использовать другой механизм рендеринга для шрифтов, которые были связаны, а не шрифты, которые являются родными для браузера. Да, это будет очень сложно. Мой лучший сценарий развития событий — то, что я хотел бы видеть — заключается в том, что существует компромисс между тем, что дизайнеры могут контролировать над тем, как он отображается, и таким образом каскадом того, что пользователи действительно хотят. И вы, наверное, видели, что мы отслеживаем, что произошло, когда Safari для Windows был запущен, и они использовали другую систему рендеринга шрифтов. Правильно? Люди ненавидели это или они любили это. Это был один или другой, но никто не был нейтрален в этом, и так быстро Safari поставил предпочтение, чтобы вы могли вернуть его в ClearType.

Итак, я думаю, было бы замечательно, если бы дизайнеры контролировали отображение своих веб-страниц браузерами, но тогда конечные пользователи могли бы решить, хотят ли они предоставить дизайнерам такой контроль. Я имею в виду, что так или иначе работают таблицы стилей, верно? Так что это будет сложно, потому что нам нужно время, чтобы понять это.

Я думаю, что другим хорошим примером этого является то, что происходит, пока мы ожидаем, что шрифт попадет в этот браузер. Мол, все браузеры делают это по-разному.

Кевин: Да. Я знаю, что когда я проводил некоторые тесты в Safari и нажимал на страницу с некоторыми пользовательскими шрифтами, я чувствовал, как некоторые скрипы скрипят в браузере, как небольшая логика, которая так глубоко скрыта, потому что, с точки зрения браузера, « wow, I’ve never had to do that before” and it just sort of ground to life.Вы знаете, я видел вращающийся пляжный мяч в течение нескольких секунд, а затем ууууууууууууууууууууууууууууууууу, это так и шрифт был там. Но, да, похоже, что браузеры поддерживают это, но поддерживать и поддерживать его — это две разные вещи.

Джефф: Да, это будет итеративно.

Кевин: Да, именно так. Итак, как только дизайнеры начнут использовать это, браузерам придется поработать над улучшением их поддержки.

Джефф: Да, и еще раз, я благодарен, что эта итерация теперь происходит намного быстрее.

Есть также некоторый контроль над этим, и мы немало экспериментировали с этим. Наше решение JavaScript основано на jQuery , оно может задерживать рендеринг шрифтов documentReady, например. Я не знаю, является ли это правильным решением, но мы, безусловно, можем предложить это как вариант. Итак, снова попробуйте вернуть часть этого элемента управления в руки дизайнера и, возможно, сгладить различия между различными браузерами. Я не знаю.Мы экспериментируем с этим. Посмотрим, что работает.

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

Производительность — одна из важнейших составляющих удобства использования. Так было всегда. Это не изменилось. Когда я был в Google и когда остальные члены команды Typekit, когда мы были в Google, мы сосредоточились на задержке как на приоритете компании. Были случаи, когда вся компания говорила: «В течение следующих трех недель никакие функции не добавляются ни к одному из наших продуктов. Все, над чем мы будем работать, это обрезать миллисекунды для каждого пользователя ». Итак, я думаю, что есть функции, которые мы добавляем в Typekit, которые помогут с этим. Таким образом, вам не нужно отправлять весь шрифт, если вам не нужен весь шрифт.

Кевин: Да, вам может понадобиться пять букв в вашем логотипе.

Джефф: Это верно.Таким образом, мы агрессивно подбираем шрифты, чтобы дизайнеры могли решить, чего именно они хотят. Например, если вы используете этот шрифт для логотипа, просто отправьте эти символы. Но если вам нужны все эти символы иностранных валют, во что бы то ни стало, добавьте их обратно. Если вы немного экспериментировали с интерфейсом Typekit, вы можете видеть, что у нас есть все эти элементы управления для того, какие веса вы хотите вставлять, какой набор символов вы хотите вставить, и тому подобное; пытаясь прояснить, что каждое ваше решение будет стоить вам немного пропускной способности. Я видел некоторые действительно очень красивые вещи, которые сделаны со шрифтами на 20 или 30 тысяч.

Мы также приложили много усилий, чтобы убедиться, что шрифты расположены географически. Итак, если вы просматриваете страницу SitePoint в своем офисе в Мельбурне, вы загружаете шрифт из нашего центра обработки данных в Сиднее. В то время как я загружаю его из Сан-Хосе, у нас есть шрифты по всему миру — в Европе, в Азии, по всей Северной Америке — поэтому задержка очень, очень быстрая. Мы получили задержку менее 75 миллисекунд для запроса.

Я видел некоторое беспокойство по поводу «Ну, это сторонняя служба, и я не доверяю сторонним службам…». Как только вы начнете экспериментировать с тем, как работает глобальная сеть центров обработки данных, вы увидите, что факт может быть так же быстро, как любой веб-сайт, который там.

Таким образом, сочетание всего этого в миксе поможет нам пройти через некоторые из этих ранних этапов веб-типографии.

Кевин: Хорошо.Что ж, возможно, мы уже рассмотрели некоторые из них, но, предлагая правильно лицензированные загружаемые шрифты, которые поддерживаются браузерами сегодня, Typekit устраняет огромный барьер для сложного дизайна шрифтов в Интернете. Какова следующая проблема? Как только дизайнеры получат Typekit и начнут его использовать, каков будет следующий барьер для сложной типографии, с которым они столкнутся, и в чём проблема?

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

Я с вдохновением оглядываюсь назад на то, что дизайнеры, такие как Джеффри Зельдман и Дуг Боуман, делали со стандартизированным дизайном несколько лет назад, где мы вроде не знали, как это сделать, и они лидировали. Даг делал эти удивительные проекты, и люди просматривали источник, он писал учебные пособия, и они говорили: «Святая корова! Я могу сделать это полностью! Как, вау! Это удивительно ». Я думаю, что сейчас мы должны сделать это с типографикой.

Я думаю, что нам явно нужно то, что сделал Дэйв Ши с CSS Zen Garden , нам нужен сад шрифтов, верно? Итак, мы очень внимательно изучили, как мы можем поддержать все это. Как мы можем взять лучшие практики, примеры и вдохновение вещей, которые были созданы, не только с помощью Typekit, но и четко со всеми шрифтами Typekit, и показать это миру и научить людей тому, что можно сделать сейчас, когда мы не Теперь нам не нужно полагаться на Flash или изображения, чтобы иметь некоторое типографское качество на наших страницах.

Кевин: Как Typekit и подобные ему сервисы изменят типографику или сам дизайн шрифта? Потому что есть шрифты, которые, независимо от того, насколько хороши технологии рендеринга, просто не будут хорошо выглядеть на экране. И я думаю, что есть еще не разработанные шрифты, которые будут отлично смотреться в Интернете.

Джефф: И я думаю, что есть еще кое-что, чтобы добавить к вашему замечанию ограничения, которые дизайнеры шрифтов никогда не должны были учитывать раньше, такие как размер файла. Правильно?Нам нужно будет не только оптимизировать экранную подсказку для 9-точечного типа, сделать ее по-настоящему разборчивой, получить пары кернинга и подсказки, а также все это, чтобы по-настоящему хорошо выглядеть при разрешении экрана, но мы также собираемся должны заботиться о производительности сети, о том, как браузеры обрабатывают вещи, и обо всем, что мы собираемся увидеть в CSS. Например, что происходит с лигатурами при заполнении полей формы. Кто-нибудь думал об этом? Если вы понимаете, о чем я?И дело в том, что да, люди думали об этом. Они работали над Firefox, и они работали над WebKit, и они помещают туда эти вещи, но, чувак, у нас есть много возможностей, как для веб-дизайнеров, так и для дизайнеров шрифтов.

Кевин: По мере того, как дизайнеры оседают зубами в новых возможностях, которые предоставляют шрифты, они будут находить, я думаю, шрифты, которые работают, шрифты, которые не работают, шрифты, которые работают неожиданным образом; будет ли Typekit исследовать их и давать советы дизайнерам?

Джефф: У нас всегда есть. Мы уже были. Мы, как веб-разработчики, так и разработчики шрифтов, действительно работали над тем, чтобы понять, как это работает, и мы собираемся создавать и запускать множество, ориентированных на сообщество функций. Это своего рода веб-типография 101. Например, вот как это работает, вот куда вы идете и делаете подобные вещи, потому что, в конечном счете, наша цель здесь — сделать весь Интернет лучше. Я на 100% убежден, что веб-типография сделает это. У нас будет больше семантического текста в Интернете, к нему будет применен более богатый дизайн. Интернет станет более доступным. У нас будет лучшая поисковая оптимизация. Как будто все это станет лучше, потому что мы наконец можем использовать HTML со шрифтами.

Итак, я думаю, что нам есть чему поучиться, и я думаю, что Typekit постарается быть в центре всего этого, пытаясь помочь продвигать лучшие практики и сделать Интернет лучше.

Кевин: Говоря о SitePoint, мы с нетерпением ждем возможности продемонстрировать большую часть этой работы.

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

Джефф: Конечно, абсолютно. Вы можете перейти на typekit.com и сделать там три вещи. Вы можете ввести свой адрес электронной почты, чтобы вы могли быть одним из первых, кто получил приглашение, когда мы начнем его развертывать очень скоро. Вы также можете перейти по ссылке на наш блог , где мы действительно углубляемся в технологию того, как все это работает, а затем вы также можете следить за нами в Twitter , где мы довольно увлекательно общаемся со всеми.

Это все на typekit.com.

Кевин: Отлично. Еще раз спасибо за присоединение к нам.

Джефф: Большое спасибо, Кевин. Это был фантастический разговор. Я очень ценю это.

Кевин: И спасибо за прослушивание подкаста SitePoint. Если у вас есть какие-либо мысли или вопросы по поводу сегодняшнего интервью, пожалуйста, свяжитесь с нами. Вы можете найти SitePoint в Твиттере @sitepointdotcom , и вы можете найти меня в Твиттере @sentience . Посетите sitepoint.com/podcast, чтобы оставить комментарий к этому шоу и подписаться на получение каждого шоу автоматически.

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

Подкаст SitePoint производится Карлом Лоннекером, а я Кевином Янком. А сейчас до свидания.

Спасибо за прослушивание! Не стесняйтесь сообщить нам, как у нас дела, или продолжить обсуждение, используя поле комментариев ниже.