Хабр Курсы для всех
РЕКЛАМА
Большая витрина: от крупнейших школ до частных авторов. Сравнивайте по цене, длительности, формату и выбирайте самый подходящий курс!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 15
Могу ошибаться, но font squirrel вообще зло. Мало того что он генерирует лишнее, так еще и может сконвертировать криво. Была проблема с тем, что, например, сконверитрованный ttf в woff не отображался в опере.
Если расковырять google fonts, то в итоге получаем всего лишь eot для IE и woff для всех остальных. Никакого SVG, ttf. Раньше была необходимость, теперь все свежие версии остальных браузеров работают хорошо. Woff полученный с гугла в опере заработал.
Если у посетителя 8 опера или 3 FF то очевидно что он ссзб.
При вызове CSS с гугла, для шрифта так же указываются параметры (начертание, «вес», набор символов) и по user-agent отдается сответствующий браузеру CSS со ссылками на сгенерированные файлы шрифтов.
Т.е. Если захочется хранить локально, то надо немного повозится — взять CSS подученную от гугла после настройки, открыть в ie и например в хроме, скачать файлы шрифтов, переименовать (вместо названия шрифта в имени файла хэш), поправить css, объединить.
Вот где я вижу задачу для автоматизатора.
Если расковырять google fonts, то в итоге получаем всего лишь eot для IE и woff для всех остальных. Никакого SVG, ttf. Раньше была необходимость, теперь все свежие версии остальных браузеров работают хорошо. Woff полученный с гугла в опере заработал.
Если у посетителя 8 опера или 3 FF то очевидно что он ссзб.
При вызове CSS с гугла, для шрифта так же указываются параметры (начертание, «вес», набор символов) и по user-agent отдается сответствующий браузеру CSS со ссылками на сгенерированные файлы шрифтов.
Т.е. Если захочется хранить локально, то надо немного повозится — взять CSS подученную от гугла после настройки, открыть в ie и например в хроме, скачать файлы шрифтов, переименовать (вместо названия шрифта в имени файла хэш), поправить css, объединить.
Вот где я вижу задачу для автоматизатора.
Font squirrel еще и не конвертит некоторые шрифты (о которых думает, что у них проблема с лицензией). Сам юзаю вот этот скрипт: www.useragentman.com/blog/2011/02/20/converting-font-face-fonts-quickly-in-any-os/ + прикрутил ttfautohint (в комментариях сказано как).
Отвечу сразу на оба комментария.
Я тоже могу ошибаться, но мне как раз нравится, что фонт сквиррел можно неплохо так настраивать, например, выбирать только нужные буквы, форматы. Этого точно нет на гугл фонтс, как я понимаю, нет и в convertFonts.sh
А самое главное, на гугл фонтс нет всех шрифтов. Если шрифт там уже есть, зачем вообще что то конвертировать? Хотите автоматизировать скачку шрифтов с гугл фонтс — ну это задача для немного другого автоматизатора, наверное.
Я согласен с тем, что самый большой минус font squirrel — копирайт на некоторые шрифты.
На гугл фонтс, с другой стороны, нет всех шрифтов, какие хотелось бы.
У convertFonts.sh много зависимостей, ничего не настраивается.
В общем, мысль моя в том, что для разных задач разный инструмент, и, как мне кажется, у моей программки есть своя, пусть и небольшая, ниша.
Я тоже могу ошибаться, но мне как раз нравится, что фонт сквиррел можно неплохо так настраивать, например, выбирать только нужные буквы, форматы. Этого точно нет на гугл фонтс, как я понимаю, нет и в convertFonts.sh
А самое главное, на гугл фонтс нет всех шрифтов. Если шрифт там уже есть, зачем вообще что то конвертировать? Хотите автоматизировать скачку шрифтов с гугл фонтс — ну это задача для немного другого автоматизатора, наверное.
Я согласен с тем, что самый большой минус font squirrel — копирайт на некоторые шрифты.
На гугл фонтс, с другой стороны, нет всех шрифтов, какие хотелось бы.
У convertFonts.sh много зависимостей, ничего не настраивается.
В общем, мысль моя в том, что для разных задач разный инструмент, и, как мне кажется, у моей программки есть своя, пусть и небольшая, ниша.
Первый из тезисов Ваших (а именно тезис о том, что на Google Web Fonts нельзя выбирать нужные буквы) неверен: Google Web Fonts позволяет выбирать нужные буквы, и я о том упоминал на Хабрахабре 11 октября 2011 года.
(Впрочем, на справедливость выводов Ваших эта моя поправка не повлияет: и впрямь ведь на Google Web Fonts нет всех шрифтов.)
(Впрочем, на справедливость выводов Ваших эта моя поправка не повлияет: и впрямь ведь на Google Web Fonts нет всех шрифтов.)
Тоже использую данное решение, но в последний раз оно сказало, что мой ttf шрифт, нет шрифт, Font squirrel сказал, что шрифт в черном списке, так воспользовался аналогом font2web. Есть еще convertfonts.com, его посоветовали, но сам я его еще не использовал.
Они, мягко говоря, не особо настраиваемые, но помогли, так что на пожарный случай самое оно.
Они, мягко говоря, не особо настраиваемые, но помогли, так что на пожарный случай самое оно.
Что Font Squirrel есть источник разнообразных и не всегда очевидных глюков, я согласен. Плавали, знаем.
Но Google Fonts ведь их не заменяет. Там есть лишь фиксированный, не слишком большой набор набор шрифтов. А если нужно что-то нестандартное?
Если где-то есть другой, более надежный и качественный конвертер — буду благодарен за наводку.
P.S. И кстати, если ничего не путаю, формат SVG нужен для айфонов-айпадов. Или уже что-то поменялось?
Но Google Fonts ведь их не заменяет. Там есть лишь фиксированный, не слишком большой набор набор шрифтов. А если нужно что-то нестандартное?
Если где-то есть другой, более надежный и качественный конвертер — буду благодарен за наводку.
P.S. И кстати, если ничего не путаю, формат SVG нужен для айфонов-айпадов. Или уже что-то поменялось?
Ну да, плюс старые сафари, опера: caniuse.com/woff caniuse.com/svg-fonts
Я еще слышал, некоторым иногда не нравится как выглядит WOFF под виндой: www.fontspring.com/blog/smoother-web-font-rendering-chrome
Я еще слышал, некоторым иногда не нравится как выглядит WOFF под виндой: www.fontspring.com/blog/smoother-web-font-rendering-chrome
Кроме того, что отметили выше, что сравнивать конвертер шрифтов и библиотеку готовых со скриптом для встраивания не совсем корректно:
Ничего не мешает использовать только указанные вами форматы, оставив их после конвертации, если по каким-то причинам вы не хотите поддерживать тех, кто их не понимает, так что описанной проблемы не существует.
Если расковырять google fonts, то в итоге получаем всего лишь eot для IE и woff для всех остальных. Никакого SVG, ttf.
Ничего не мешает использовать только указанные вами форматы, оставив их после конвертации, если по каким-то причинам вы не хотите поддерживать тех, кто их не понимает, так что описанной проблемы не существует.
Ребята, используйте webfont.ru. Уже сконвертированные шрифты можно скачивать прямо из редактора(пока Sublime Text и Web Storm\Php Storm), при этом архив со шрифтом самораспакуется в любую папку на компьютере. Также из редактора их можно и подключить, но только не на пожизненное использование. При этом шрифтов больше чем на GWF, и они также бесплатны.
Замечу что Google Fonts может отдавать настолько разные шрифты, что у них будут различаться начертания символов. Например «т» для одного браузера была вида «горизонтальная палка на вертикально», в другом — «горизонтальная палка на трех вертикальных»
Столкнулись с этим в проекте долго не могли понять откуда в _некоторых_ строках проявляется существенная разница в экранной длине
Столкнулись с этим в проекте долго не могли понять откуда в _некоторых_ строках проявляется существенная разница в экранной длине
Спасибо, полезно иногда отвлечься от юзер-френдли интерфейсов и автоматизировать некоторые процессы. Можно, кстати, кое-что допилить для красоты — мне очень пригодился вот этот пост для генережки фонт-фейсов с некоторой оптимизацией сглаживания.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Автоматизируем генерацию @font-face kit'ов из консоли