ГлавнаяСайтыОбзорыСовершенствуем сайты с помощью web-шрифтов

Совершенствуем сайты с помощью web-шрифтов

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

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

Теперь же поддержка технологии @font-face в самых распространенных браузерах открыла широкие возможности для стилевого оформления текста в Сети. Мы спокойно можем использовать красивые шрифты без тех ограничений, с которыми сталкивались в прошлом. В интернете можно найти превосходные варианты и множество поставщиков предлагают их на выбор. Для того, чтобы вы наконец стали использовать разнообразные шрифты на своих сайтах и смогли выбрать подходящий web-сервис, я и решил представить свою подборку самых крупных поставщиков подобных сервисов, а также несколько новичков, на которых, безусловно, стоит обратить внимание.

Typekit

Typekit является, вероятно, самым известным поставщиком web-шрифтов, и компания уже заработала определенную репутацию на рынке. О лидерстве Typekit можно судить только по тому, что ее предложения используют в своей работе наиболее влиятельные и уважаемые студии отрасли, например, Adaptive Path и Happy Cog. Такая впечатляющая поддержка от элиты web-дизайна, возможно, и объясняет причину того, что Typekit является самой удобной службой предоставления web-шрифтов из всех доступных. Джеф Вин, Джейсон Санта Мария, Мэнди Браун и остальные члены команды учитывают уровень, возможности и потребности стандартного пользователя, а недавно выпущенный группой интерфейс лишь подтверждает это.

«Наша философия подразумевает осторожный и продуманный подход при сложном техническом внедрении web-шрифтов. Делается это так, чтобы дизайнеры могли сконцентрироваться непосредственно на разработке сайта, — утверждает Мэнди Браун, директор отдела связей в Typekit. — И наш новый интерфейс является первым шагом на пути к облегчению поиска и оценки шрифтов.

Скоро в свет выходит библиотека HFJ

Хоть эта библиотека все еще находится в стадии скрытой бета-версии, служба предоставления web-шрифтов Hoefler & Frere-Jones скорее всего наделает много шума, когда будет открыта для широких масс. В их портфолио находятся шрифты Gotham (прославившийся в ходе избирательной кампании Барака Обамы в 2008 году) и Archer (используемый довольно часто), а также множество других шрифтов, уже ставших классикой жанра. В ходе Конференции Ampesand, проходившей в июне 2011 года, Джонатан Хофлер заявил, что его компания выложит всю свою библиотеку в Сеть. Однако они не просто заново выполнили хинтование (процесс корректирования контуров цифрового шрифта, позволяющий свести к минимуму искажения шрифтовой формы при выводе на устройствах низкого разрешения или в мелком кегле) своих печатных шрифтов, а переработали с нуля каждый из 665 шрифтов. Учитывая, что один только Gotham содержит в себе 48000 индивидуальных глифов (образов символа в побитовом отображении информации), то их работу можно назвать титанической.

Так для чего же все прилагаются эти усилия? Как объяснил Джонатан, базовые web-шрифты хорошо служили дизайнерам в течение прошедшего десятилетия. И если web-шрифт будет лучше базового шрифта, то какой смысл создавать его заново? Понимая, что их шрифты могли бы использоваться на посещаемых сайтах, например, как у Белого Дома (whitehouse.gov), при просмотре которых подавляющее большинство пользователей использует Windows, в HFJ не жалеют сил, чтобы обеспечить работу шрифтов как в самой худшей среде визуализации, так и в самой лучшей.

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

Яркие примеры. Шрифты от Typekit прямо кричат с этих цифровых постеров Voltage Fashion. Слева: шрифты Hellenic Wide и League Gothic отображают надпись «Fort Wilson Riot», в то время как шрифт Bello Caps демонстрирует надпись «Welcome». Справа: музыкальные группы используют стиль шрифта Vinyl.

Восхитительное открытие

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

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

Современные литеры

Если вы ищете множество классических «крепышей» или более изящные начертания от разработчиков эксклюзивных шрифтов, то вам, наверное, придется обратиться к другим разделам библиотеки. Typekit работает с достаточным числом молодых художников-шрифтовиков и студий, которые стремятся продемонстрировать свои оригинальные разработки. Вы, скорее всего, еще не слышали о них, но скоро полюбите. Например, FF Tisa уже можно назвать оплотом современного web-дизайна, а творения от Darden Studio и Type Together давно готовы перейти в разряд избранных.

Недостатки

Так зачем же при всем этом великолепии и разнообразии предложений пользоваться какой-либо другой службой? Главным недостатком Typekit является то, что посетители этого web-сайта, чьи браузеры не используют JavaScript (даже на браузерах с поддержкой @font-face), увидят далеко не все шрифты. И хотя это относится лишь к небольшому проценту пользователей во всем мире, их число на самом деле огромно. Например, Yahoo утверждает, что их сайт ежемесячно посещает 6 млн. пользователей, в чьих браузерах отключен или отсутствует JavaScript.

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

Будущее

В октябре 2011 года компания Adobe приобрела Typekit. Все были счастливы, увидев, что Typekit получил признание, которое заслужил. Но многие по-прежнему задаются вопросом, что это значит для компании в плане как новых рисков, так и новых возможностей, которые открываются перед ней? Большинство опасений касаются ценовой политики и лицензирования, изменчивого качества шрифтов, снижения уровня конкуренции, группирования продуктов и услуг, а также вопроса, насколько независимой службой она останется на самом деле. Наиболее оптимистично настроенные эксперты полны надежд, что увидят интеграцию коллекции Typekit с флагманами дизайнерских продуктов от Adobe, такими как Photoshop, Dreamweaver и Fireworks. Также, как только Typekit добавит в свою коллекцию гарнитуры шрифтов от Adobe, мы можем ожидать значительного роста ассортимента службы.

По словам исполнительного директора Typekit Джефа Вина, эта покупка дает компании возможность ускоренного продвижения в плане осуществления ее концепций. «Присоединившись к Adobe мы стали неотъемлемой частью мирового лидера программного обеспечения для творчества, и пока Adobe занимается агрессивным продвижением своих продуктов в сферу, основанную на облачных вычислениях, она будет только способствовать осуществлению нашей концепции по обновлению Сети посредством креативных и красивых шрифтов», — считает Джеф.

Fontdeck

Основанный двумя уважаемыми профессиональными web-дизайнерами и художниками-шрифтовиками Ричардом Руттером и Джоном Таном, Fontdeck сегодня является весьма популярным сервисом. И если вы при создании сайта долго и обстоятельно присматриваетесь к лигатурам и контурам букв, межбуквенным просветам, а также понимаете, в чем разница между шрифтами Cochin и Aster, то эта служба для вас! Из-за страсти основателей этой компании к красивым шрифтам, Fontdeck стала известна своими солидными предложениями элегантно исполненных литер и совместной работой с некоторыми художниками-шрифтовиками высочайшего класса. «Мы тратим уйму времени на работу с дизайнерами (такими, как, например, Джереми Танкард) для того, чтобы адаптировать их шрифты в web-среде, — рассказывает Руттер. – Но именно этот процесс и является одним из самых приятных этапов в нашей работе».

Из бутылки. Сайт Nike’s better world (www.nikebetterworld.com) являет прекрасный пример использования шрифта Din Display Pro Thin от компании Fontdeck.

Коллекция

Библиотека Fontdeck содержит немалое количество шрифтов, которые можно встретить и в Typekit, включая таких фаворитов, как, например, Proxima Nova. Это очень удобно, особенно если вам нравится проводить сравнительный анализ в преддверии покупки или же вы недовольны методом внедрения, который предлагает Typekit. Коллекции Fontdeck также включают в себя несколько исключительных и великолепных продуктов, таких как Bliss и другие шрифты от Jeremy Tankard Designs.

Однако, хочу вас предупредить, что некоторые шрифты, которые используются совместно с Typekit, не отображаются точно так же, как у их коллег (особенно в среде Windows). Но по заявлению Эллиота Джей Стокса, это совсем не значит, что шрифты одной службы отображаются лучше, чем второй. Они просто другие, а их пригодность будет зависеть от ситуации.

Приемлемая ценовая политика

Из всех служб, требующих оплату при приобретении шрифтов, Fontdeck является одной из немногих, предлагающих возможность производить эту операцию по принципу «только за то, что вам нужно». Цена за шрифт при реализации одного проекта обычно составляет 7,5 доллара в год, и из-за того, что вы не покупаете подписку на какой-либо фиксированный пакет, эта сумма практически неощутима для бюджета.

Работа с Fontdeck

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

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

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

Обслуживание с каскадными таблицами стилей (CSS)

Fontdeck использует каскадные таблицы стилей для загрузки шрифтов. Это может стать определенным преимуществом в вашем случае, так как означает, что посетители сайта смогут видеть шрифты, которые они выбирают, даже если их браузеры не поддерживают JavaScript. Однако во время вашей дизайнерской разработки потребуется выполнить дополнительные операции. Вы должны будете обозначить шрифты по плотности, согласно соответствующему принципу. Также вы не сможете обозначить семейство шрифтов следующим образом: Bliss и плотность шрифта — Bold. Вы должны будете задать параметры следующим образом: Bliss Bold. Проблема не столь велика, но требует кропотливой работы.

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

Еще один подход

Руководимая живыми легендами в области создания шрифтов Роджером Блэком, Дэвидом Бэрлоу и Питером Ван Блокландом, компания Webtype зародилась в ходе экспертных работ по цифровой печати в Font Bureau. Компания сфокусировала свою работу на качестве шрифтов, разрабатываемых специально для использования на экране с учетом заданного размера. Она предлагает ограниченный набор по сравнению с другими ресурсами: около 120 гарнитур шрифтов, имеющихся в наличии, но все они предоставляются в серии с плотностью и толщиной начертания.

Особый интерес представляет серия шрифтов Reading Edge, которая была специально разработана для использования в малых размерах с увеличенной высотой литеры без заключек и с открытым промежутком между буками для повышения удобочитаемости. Разработка шрифта с учетом потребностей интернета требует огромных усилий, но результат будет заметен при использовании таких шрифтов, как Antenna RE, Apres RE и Benton Sans RE.

Georgia Pro и Verdana Pro

Миллиарды web-страниц используют эти легкие и удобочитаемые, а также надежные для всемирной паутины шрифты, разработанные Мэтью Картером. Они великолепны и мы их любим, но до недавнего времени разнообразие, которого удавалось достичь с их помощью, было ограничено четырьмя стилями в каждом из них. В партнерстве с Monotype и Carter & Cone, компания Webtype способствовала значительному расширению возможностей этих двух вездесущих шрифтов. Теперь каждое семейство может похвастаться аж 20 стилями. Усовершенствование включает в себя серии различных плотностей, ужатой ширины, выровненных числовых символов и т.д. Данные шрифты также подверглись значительному хинтованию для того, чтобы они корректно отображались во всех браузерах и платформах.

Вопрос размера

При использовании вышеупомянутых служб, вы, вероятно, обратили внимание на шрифты, помеченные как «экранные» (лучше всего подходящие для использования в заголовках) и «блочные» (для текстов с маленькими буквами). Но что вас может остановить от использования экранного шрифта для текста после заголовка и наоборот? Вы можете так поступить, однако существуют серьезные причины, которыми обусловлено их назначение. Шрифты, рекомендуемые к использованию для блоков основного текста с малым размером букв, обычно сохраняют свои гладкие загибы лучше и остаются более разборчивыми при малых размерах. Некоторые пользователи добиваются этого путем хинтования вручную малых и удобных для абзацев шрифтов, так, чтобы они хорошо работали в операционных системах. При использовании этих шрифтов в заголовках, штрихи у вас будут тяжелее по сравнению с теми, которые вы получите в шрифтах, разработанных конкретно для экранных целей.

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

Новый инструмент Typecast

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

Typecast предназначен для облегчения вашей работы. Это новый, разработанный в компании Front, инструмент, который помещает стилевое оформление текста в самое сердце web-дизайна и упрощает творческий процесс. Находящееся в настоящий момент в закрытой бета-версии, данное приложение делает web-дизайн легче в несколько раз. И вот лишь несколько причин:

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

Шрифты

Гарнитуры литер включают в себя набор семейств web-шрифтов от Typekit, Fontdeck, Fonts.com и Google Web Fonts (в их число входят и такие шрифты-фавориты, как Myriad Pro, VAG Rounded и Neue Helvetica) со множеством стилей и различной плотностью написания. И благодаря вашим просьбам и отзывам, в библиотеках появляются все новые и новые шрифты. Typecast позволяет вам экспериментировать с различными комбинациями шрифтов, даже если у вас и нет соответствующей учетной записи. Вам надо будет только заплатить за услугу по шрифтам, после чего их можно будет сразу же добавить на свой сайт.

Управление без кодирования

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

Удобное сотрудничество

Дополнительным преимуществом Typecast является потенциал для сотрудничества. Поставщики вашего информационного заполнения могут помещать тексты прямо на сайт (не обладая особыми техническими знаниями) и обновлять их там же. Это убережет вас от трудностей с вырезанием кусков текста и вставкой их на страницу, а также с обновлением и т.д. Более того, оно в комплексе предоставляет все таблицы стилей и HTML-кодов вашим разработчикам.

Начальные отзывы положительные, а пользователи говорят об этом приложении как о «будущем» web-дизайна. Больше информации о нем вы можете найти, посетив сайт www.typecastapp.com.

Fonts.com

Из четырех основных поставщиков шрифтов Fonts.com вошел в число лидеров самым последним. Но пусть это не сбивает вас с толку, так как компания является наследником таких гигантов типографского дела, как Monotype и Linotype. Ее история и количество представленных на рынок шрифтов, пожалуй, затмевают всех остальных вместе взятых: 124 года работы на этом рынке и более 13000 web-шрифтов.

Это компания, которая владеет такими шрифтами, как Helvetica, Frutiger, Univers и большинством других классических образцов. Дизайнеры-печатники хорошо знают ее, а многие из них, кто перешел в web-дизайн, очень высоко оценивают ее заслуги. Также эта компания имеет немало приверженцев в стане дизайнеров, начинавших работать именно в интернете. Опыт и репутация помогают Fonts.com трансформировать легендарные типографские шрифты в web-шрифты.

Не испытывающие недостатка

Привлекательность наборов шрифтов от Fonts.com заключается не столько в красоте, сколько в полноте семейств шрифтов. Задайте поиск по слову Helvetica и вы получите 289 разнообразных шрифтов на выбор: абсолютно все, начиная от Helvetica Rounded Latin до Neue Helvetica Arabic. Точности и нюансов при выдаче результатов, которые вы можете получить в поиске необходимой гарнитуры в этой широчайшей области шрифтов, достаточно, чтобы у вас захватило дух. Хотя стоит отметить, что некоторым такой ассортимент может показаться избыточным. Вот, например, вы хотите использовать шрифт Frautiger в своем проекте, но как определиться, какой из 1206 типов станет лучшим для вашего проекта?

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

Макеты и доставка

Если вы являетесь пользователем с профессиональной подпиской, то Fonts.com разрешит вам установить версии их web-шрифтов для тестирования на макете, что является полезной функцией, которую Typekit и Fontdeck вам не предложат. Процесс загрузки шрифтов в вашу таблицу стилей не столь удобен для пользователя, как у других служб, но зато здесь имеется множество полезных опций. Вы можете обслуживаться этими шрифтами и в JavaScript, и в CSS. Так, при подписке на небольшую сумму, вы получаете возможность поддержки только в режиме on-line, а при профессиональной подписке (1100 долларов в год) будете получать шрифты в полное пользование.

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

Приложение The Typecast рационализирует процесс web-дизайна, позволяя вам работать с реальными блоками текста прямо в браузере.

По мере того, как растет ассортимент и доступность web-шрифтов, отличие и оригинальность, которую мы можем донести при помощи печатного слова и дизайна, также совершенствуется. Достаточно взглянуть на то, чего добился сайт Lost World’s Fairs

Google Web Fonts

Служба web-шрифтов от Google стремится создать «базовую библиотеку шрифтов», которой каждый сможет воспользоваться бесплатно. Что, несомненно, делает Google Web Fonts хорошим вариантом для выбора, особенно, если вы только начали работать с web-шрифтами и желаете поэкспериментировать.

Маленькая, но растущая

Простые фильтры помогают вам сузить поиск среди более 300 семейств шрифтов в этой библиотеке и, в отличие от сайтов некоторых других сервисов, вы можете комбинировать фильтры. Гарнитуры также можно сопоставлять в режиме «Предварительный просмотр», затем тестировать их, испытывая сочетания различных шрифтов на пробной web-странице, а также изменять свойства шрифтов, например, размер, высоту написания, межбуквенные пробелы и т.д.

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

Данная система облегчит вашу работу по размещению шрифтов на своем сайте (используя JavaScript или каскадные таблицы стилей СSS), а индикатор загрузки страницы поможет измерить влияние, которое они окажут на время ее загрузки. И хотя серверы Google и так необычайно быстры, обратите внимание на то, что зеленый цвет индикатора говорит о том, что с этими шрифтами у вас все будет отлично.

Качество

Но чего явно недостает шрифтам Google, так это качества. И, несмотря на то, что тут присутствует несколько шедевров, библиотека шрифтов от Google не сравнится с библиотеками других служб. У Google имеется много рукописных и исключительно экранных шрифтов, а многие из них обладают только одним стилем (другими словами, нет ни жирного, ни наклонного начертания). Поэтому будь внимательны, если захотите использовать их для основного текста. Как и во многих аналогичных случаях, вы получаете именно столько, за сколько платите. Ни больше, ни меньше.

Вы можете посетить страницу somadesign.ca/demos/better-google-fonts, чтобы ознакомиться со списком шрифтов от Google.

Будущее

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

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

На старт, внимание, украшаем

Рост популярности и количества web-шрифтов говорит о том, что сейчас наступило самое время попробовать себя в web-дизайне. Мы, наконец, получили тот тип управления оформлением текста, который графические дизайнеры уже давно используют в другой среде без необходимости прибегать к помощи таких вещей, как замещение изображения. Похоже, что шрифты будут играть определенную роль в работе каждого крупного сайта в будущем, и пора всерьез взяться за шрифты, используя их как при исполнении заказов, так и в своих собственных проектах. Существует множество поставщиков, да и целые миры шрифтов, пригодных для использования, а здоровая конкуренция сделала цены на web-шрифты доступными для всех. Это очень хорошая новость для вас и ваших клиентов! Однако, для создания отличных сайтов недостаточно просто использовать web-шрифты. Сложной задачей является оттачивание навыков стилевого оформления текста и близкое знакомство с доступным инструментарием. И этот вызов нам уже брошен!

Шрифты для мобильных устройств

До настоящего времени разработка платформ для мобильных устройств ограничивала ваш выбор стилевого оформления текста набором шрифтов, включенных в это устройство. Однако компания FontFont приняла меры для исправления такого положения вещей при помощи прикладной системы Mobile FontFonts (www.mobilefontfonts.com). Это сервис предназначен специально для разработчиков приложений для iOS и представляет вам легкий способ законного внедрения таких шрифтов, как FF Yoga, FF Basic и FF Cocon в ваше приложение. Слово «законное» является в данном случае ключевым. Договоры комплексного лицензирования существуют для гарантии честной оплаты труда дизайнеров шрифтов. И хотя вы можете поддаться искушению и игнорировать важную информацию, напечатанную мелким шрифтом на лицензии, и станете использовать шрифт, приобретенный для какой-то другой цели, то ваше приложение будет удалено из on-line магазина из-за несоблюдения законодательных норм. Тогда уже никому не будет дела до того, как красиво это приложение выглядело. Поэтому команда юристов из FontFont усердно поработала над гарантиями того, что лицензионный договор на все ее шрифты в ее коллекции Mobile FontFonts ясно оговаривает свободную возможность использования их на мобильных устройствах.

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

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

Оригинал статьи «Improving sites with web fonts » из журнала .net (www.netmagazine.com) за февраль 2012 года. Автор – Крис Армстронг (Chris Armstrong). Перевод – Ринат Алиметдинов.

Аppla планирует наладить производство корпусов для новых MakBook в Азербайджане
Обзор сайтов месяца
Оформление подписки
Оформить подписку на журнал InfoCity вы можете заполнив приведенную
ниже форму. Стоимость одного выпуска — 2 маната.
Ваше имя
Адрес доставки журнала и номер телефона для контактов
Число месяцев подписки
Благодарим вас за подписку!