—»     —»   Сравнение бесплатных сервисов, предоставляющих веб-шрифты
  Раздел: Шрифты   Комментариев: 4  

Сравнение бесплатных сервисов, предоставляющих веб-шрифты



Все эти годы веб-сайты были ограничены только лишь обычными шрифтами вроде Arial, Georgia, Times и так далее. Это было связано с ограниченностью браузеров, которые одно время вообще позволяли использовать и отображать только те шрифты, которые имелись на жестком диске пользователей. К счастью, сегодня веб-индустрия стремительно развивается, и сегодняшние браузеры поддерживают даже веб-шрифты.

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

01. Typekit

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

В 2011 году Typekit была приобретена компанией Adobe. Typekit – это платный сервис веб-шрифтов, который также предлагает бесплатную опцию с, конечно же, некоторыми ограничениями.

Сравнение бесплатных сервисов, предоставляющих веб-шрифты

Преимущества

* Профессиональные высококачественные шрифты (многие из которых редко можно встретить в других сервисах)
* Постоянное пополнение базы шрифтов.
* Быстрое реагирование и работа за счет использования сетей и серверов Adobe.
* Экономия пропускной способности канала, ввиду того, что шрифты размещаются на серверах Adobe.
* Обслуживание SSL
* Хорошая кросс-браузерная поддержка.

Недостатки

* Ограниченный выбор шрифтов
* Ограниченное число просмотров страницы
* Необходима установка логотипа сервиса на сайте
* Ограничение по количеству используемых на сайте шрифтов (2 на сайт).

02. Google Web Font

Google Web Font – это полностью бесплатный сервис веб-шрифтов от Google и, вероятно, один из первых проектов в нише веб-шрифтов, продвигаемый по принципу open source.

На данный момент сервис насчитывает около 600 шрифтов в различных стилях, включая наличие и отсутствие засечек, рукописные шрифты и многие другие.

Сравнение бесплатных сервисов, предоставляющих веб-шрифты

Преимущества

* Быстрый и простой принцип использования
* Open source
* Доступны шрифты с настольных ПК
* Доступны Font API и документация
* Шрифты предоставляются при помощи серверов Google
* Таблица символов
* Фильтр и функция предварительного просмотра шрифтов в действии.

Недостатки

* Отсутствует стиль графических меток. Он очень удобен, особенно когда вам нужно отобразить какие-либо иконки посредством шрифта.

Пример

<link href='http://fonts.googleapis.com/css?family=Croissant+One|Merienda' rel='stylesheet' type='text/css'>

<style>
h1 {
font-family: ;
}
p {
font-family: ;
}
</style>

03. Font Squirrel (@font-face)

Font Squirrel сильно постарались, отобрав для вас лучшие шрифты, которые можно бесплатно использовать в коммерческих целях и встраивать в веб-страницы.

Вдобавок Font Squirrel также предлагает вам набор @font-face для каждого шрифта, который включает в себя каскадные таблицы стилей и шрифты в следующих форматах: .eot, .ttf, .woff и .svg, – что гарантирует корректную работу во всех современных браузерах.

Сравнение бесплатных сервисов, предоставляющих веб-шрифты

Преимущества

* Шрифты бесплатны для коммерческого использования
* Доступны шрифты с настольных ПК
* Возможность создавать семейства шрифтов
* Доступы опции стилей: каллиграфические, комические, графические метки, ретро и так далее
* Функция предварительного просмотра шрифтов в действии.
* Таблица символов (удобно при использовании графических меток)
* Доступен набор и генератор @font-face.

Недостатки

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

Пример

@font-face {
font-family: 'SansationRegular';
src: url('Sansation_Regular-webfont.eot');
src: url('Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('Sansation_Regular-webfont.woff') format('woff'),
url('Sansation_Regular-webfont.ttf') format('truetype'),
url('Sansation_Regular-webfont.svg#SansationRegular') format('svg');
font-weight: normal;
font-style: normal;
}

p {
font-family: 'SansationRegular';
}

04. Edge Web Font

Совсем недавно Adobe представила новый продукт под названием Adobe Edge. Он содержит несколько инструментов и сервисов, включая сервис веб-шрифтов под названием Edge Web Font.

Edge Web Font – представляет собой бесплатный сервис веб-шрифтов, объединенный с Google Web Font, и на данный момент включает около 500 шрифтов, из которых можно выбирать. Но, в отличие от Google Web Font, который предлагает вам шрифты вместе с каскадными таблицами стилей, Edge Font потребует от вас javascript.

Сравнение бесплатных сервисов, предоставляющих веб-шрифты

Преимущества

* Полностью бесплатное использование без ограничений
* Огромная коллекция open source шрифтов.
* vPowered той же платформы, что и у Typekit.

Недостатки

* Нет превью шрифтов в галерее
* Плохая сортировка шрифтов в галерее
* Для обслуживания шрифтов используется javascript.

Пример

<script src="http://use.edgefonts.net/droid-sans.js"></script>
<style>
p {
font-family: droid-sans, serif;
}
</style>

Вывод

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

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





Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: шрифты
Опубликовал Design FactoRy   Прочитано (раз): 9584   |   Оставлено комментариев: 4
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 25 апреля 2013 @ 11:46
Написал: Dimka Klusevich — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Edge Web Font от adobe, не поддерживает кириллицу!!! Очень жалко(
Комментарий #2: 25 апреля 2013 @ 11:48
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3300   |   Комментариев: 500
ICQ: --- не указано ---
Dimka Klusevich, да ... есть такой минус ...
Комментарий #3: 28 апреля 2013 @ 19:49
Написал: mrnobody — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Вот сайт, на нем только кириллические шрифты —
Внимание! У вас нет прав для просмотра скрытого текста.
Комментарий #4: 29 апреля 2013 @ 17:47
Написал: Dimka Klusevich — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Я обычно и у Google беру или на худой конец http://www.fontsquirrel.com/ и медиа запросы помогают решить вопрос)
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц January по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Палетка теней купить в москве
Акция на косметику Kylie. Успейте купить по низким ценам. Есть доставка
makeup-land.ru
ЖСК Учительский дом
ЖСК Учительский дом
rupormoscow.ru
Купить moeller
Наручные часы известных марок. Купите не выходя из дома. Гарантия, доставка
vse4remont.ru
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Январь 2018    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031