Softlink 10 окт 2012 в 07:05

Подключаем шрифты еще быстрее

3 мин

10K

Я пиарюсь

+63

Комментарии 45

sdevalex 10 окт 2012 в 07:14

Какие отличия от Google Web Fonts?

Makito 10 окт 2012 в 07:16

Здесь находятся уже конвертированные шрифты, их можно скачать на свой домен.

iSnifer 10 окт 2012 в 07:20

Google web fonts тоже позволяют воспользоваться шрифтами на своем домене, иначе зачем все это?

Makito 10 окт 2012 в 07:33

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

iSnifer 10 окт 2012 в 07:49

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

Makito 10 окт 2012 в 07:51

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

iSnifer 10 окт 2012 в 07:52

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

Makito 10 окт 2012 в 07:55

Давайте не будем вдаваться в полемику. Я думаю, что и вы и я, все равно останемся при своем мнении.

iSnifer 10 окт 2012 в 07:57

Даже не думал об этом.

Softlink 10 окт 2012 в 19:57

Хватит минусовать человека. Что вы взъелись-то все?

Softlink 10 окт 2012 в 07:59

Чтобы все не переплыло в спор, поясню.
Отличий от гугл вебфонтс нет. Задачи у сайтов похожие.
Разница.
1. Количество шрифтов. У гугла 40 font-family, на моем сайте — 51, и это еще не все выложенные.

2. С webfont.ru можно подключать шрифты из редактора(если вы пользуетесь ST2). Собственно, только поэтому и появился этот сайт. Первостепенной задачей отдавать шрифты на подгрузку всем сайтам не стояло и пока не стоит, все-таки мощности сравнивать некорректно.

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

4. Ну и реакция и статистика говорит, что это все-таки кому-то надо.

Keyten 10 окт 2012 в 08:52

А кстати шрифты свободные?

Softlink 10 окт 2012 в 09:01

Да, шрифты все бесплатные. Я за этим стараюсь строго следить. На сайте даже нет шрифтов с «free for personal use».

Koroed 10 окт 2012 в 10:27

а как же быть с https?

3fir 10 окт 2012 в 07:59

Makito 10 окт 2012 в 08:03

Google web fonts дает скачивать только в формате ttf. О конвертации в другие форматы предлагается позаботиться самостоятельно, что не всегда удобно, так как адекватно конвертирует русские шрифты только fontsquirrel, а он достаточно привередлив к шрифтам.

kapuletti 10 окт 2012 в 08:32

Разве? А как тогда другие браузеры подключают шрифты (eot, woff), они же тоже не с пустого места скачиваются. Просто по ссылкам можно во всех форматах выдернуть.

Makito 10 окт 2012 в 08:46

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

iSnifer 10 окт 2012 в 08:14

А по сему — спасибо за ваш труд и проект, который вы сделали!

DenisZ 10 окт 2012 в 08:51

На сколько я помню, там качаются сами шрифты, но не готовые для подключения, сконвертированные + css.

3fir 10 окт 2012 в 08:57

Не буду спорить, я подключаю все равно через Google. Скачивание позволяет использовать эти шрифты при макетировании проекта.

DenisZ 10 окт 2012 в 09:07

В макетах — да. А при интеграции все равно приходится использовать что-то типа fontface.codeandmore.com, www.font2web.com или www.fontsquirrel.com/fontface/generator

Подключение из CDN меня не устраивает скорее по «религиозным» соображениям. А переубедить себя пока не могу.

farw 10 окт 2012 в 08:38

Насколько я знаю, на google web fonts очень мало шрифтов, которые поддерживаю кириллицу.

НЛО прилетело и опубликовало эту надпись здесь

CRL 10 окт 2012 в 08:54

Хорошая коллекция, спасибо за работу

В Сафари на Маке кнопка наверх оставляет свои части при прокрутке

Makito 10 окт 2012 в 09:01

Ловлю такую беду на многих движущихся объектах (chrome, windows). Уже не знаю с какой версии появился такой баг.

magic4x 10 окт 2012 в 10:17

Бага это. Бегает от билда к билду, никак ее не пофиксят.

Mithgol 10 окт 2012 в 10:27

Заметил глюк.

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

(Firefox 16.)

Softlink 10 окт 2012 в 13:50

Действительно, есть такое, поправлю. Спасибо.

dkalmykov 10 окт 2012 в 10:28

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

А так все здорово, спасибо )

Softlink 10 окт 2012 в 13:53

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

HeadFore 10 окт 2012 в 10:37

>Решил обратиться к своему хостеру, у которого я уже сижу четыре года
>При поддержке mchost.ru
Макхост и «уже 4 года» как-то несовместимо )
Я думал после истории 2х годичной давности все ушли от них.

georgthegreat 10 окт 2012 в 10:49

Честно скажу: не вижу преимущества перед google web fonts.
Кто-то писал про 40 шрифтовых семейств у гугла — их 554 (видно на скриншоте).

Джованни Лемонад выкладывает все свои шрифты туда, их можно скачать оттуда (и хвалёный Cuprum тоже).
Подключение шрифтов у них делается одной строкой (через import).

У вас, насколько я понял, нельзя подключать несколько шрифтов одним запросом (даже несколько шрифтовой одного семейства). Это стоит реализовать.

Из хорошего: сайт у гугла более замусоренный, у вас — почище, попроще, посвободнее.
И ещё: если рендерить все шрифты на одной странице, то загрузка получается довольно медленной (может быть, это только в первый раз, пока не работает кэш). Можно было бы отдать картинку, после чего рендерить шрифты уже ПОСЛЕ загрузки страницы.

Mithgol 10 окт 2012 в 12:49

Кто-то писал про 40 шрифтовых семейств у гугла — их 554 (видно на скриншоте).

Подите на сайт Google Web Fonts, поставьте переключатель «Script» в положение «Cyrillic».

Шрифтов будет ровно сорок тогда.

[скриншот]

Dima_Sharihin 10 окт 2012 в 10:50

<негодую>
На подобных сервисах вроде этого и Google Web Fonts не хватает одной важной вещи: сравнения со шрифтом написания «из коробки». Ну серьезно, для написания больших простыней текста из всей коллекции подойдет(и то не всегда) от силы один-два шрифта
</негодую>

Softlink 10 окт 2012 в 13:54

Поясните, пожалуйста, что в вашем понимании означает «сравнение со шрифтом из коробки»?

Dima_Sharihin 10 окт 2012 в 17:49

font-family: sans-serif;
font-family: serif;
font-family: monospace;
и так далее, что сам браузер подставит. Например Arial или Segoe UI какой-нибудь. Хоть он и коммерческий, но зато есть на платформе и куда красивее, чем 85% шрифтов на webfonts

UksusoFF 10 окт 2012 в 11:43

Вот Вам как раз новый шрифт Scada подогнали: habrahabr.ru/post/154317/

philpirj 10 окт 2012 в 21:00

Равно как и ещё с десяток шрифтов, выложенных в свободный доступ по лицензии OFL.

IvanFF 10 окт 2012 в 12:01

Почему для примера шрифта используется разный текст?
Мне важно чтобы шрифт занимал минимум/максимум места — а в Вашей реализации сравнить сие на первый взгляд — не реально.