Рубрика «шрифты» - 6

в 10:38, , рубрики: node.js, svg, веб-дизайн, Веб-разработка, иконки, шрифты, метки: , ,

Хочу порадовать тех, кто любит делать графику на сайтах при помощи шрифтов. На проекте Fontello большое обновление — теперь вы можете генерировать шрифты из собственных картинок, а также импортировать под нарезку вообще любые шрифты, которых нет в стандартных подборках!

image

Для тех кто не в курсе, фонтелло — проект для дизайнеров и разработчиков вебсайтов. Если Twitter Bootstrap предоставляет вам набор CSS-классов для быстрой и легкой верстки страниц, то Fontello позволяет вам легко добавить на эти страницы иконки. Вы можете выбрать иконки из очень большой подборки, а Fontello упакует их в шрифты и сделает файл с CSS-классами. Дальше остается добавить нужный класс к HTML-элементу, и рядом появится картинка.

Конечно, есть немало готовых иконочных шрифтов. Но ведь вам обычно для сайта нужно всего лишь несколько иконок, а остальные будут просто занимать место и замедлять загрузку. Или какой-то иконки не хватит, но она есть в другой коллекции. Как быть? Fontello позволяет выбрать необходимое, и делает из него шрифт специально под ваши нужды. Ну а последний апдейт понравится тем, кто рисует что-то свое — теперь вы не ограничены встроенным (хоть и большим) каталогом иконок.
Читать полностью »

в 11:19, , рубрики: Блог компании UIDG, типографика, шрифты

В своей предыдущей статье для Smashing Magazine («В чем разница между типографикой и дизайном надписей») я писал о том, что понимание типографской терминологии может помочь правильно оценить как искусство типографики, так и искусство создания надписей. Эта новая статья также имеет отношение к терминологии, возможно в большей степени, чем к тому привыкло большинство дизайнеров, а заголовок статьи отражает все то, о чем в ней пойдет речь.

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

Когда классификация шрифтов имеет смысл (часть 1)
Читать полностью »

в 6:26, , рубрики: adobe, freetype, Google, open source, патенты, типографика, шрифты, метки: , , , ,

image Проект FreeType — это библиотека, которая используется для растеризации шрифтов и операций над ними. В частности используется для отображения шрифтов в X11.

Долгое время в FreeType была по умолчанию отключена поддержка правильного хинтинга TrueType-файлов через встроенный байт-код шрифта, поскольку данная технология попадала под патенты Apple. Для обхода патентов, сборки FreeType по умолчанию использовали незапатентованный алгоритм авто-хинтинга. В мае 2010 года срок патентов истек, и начиная с версии 2.4.0, FreeType по умолчанию использует правильный хинтинг через интерпретатор байт-кода шрифта.

Дальше — больше. В конце 2012 был объявлен сбор денег на развитие проекта. А в июне 2013 фандрайзинговая кампания успешно завершилась, принеся проекту 20 тысяч долларов. Тем временем компании Adobe (которая раньше мешала техническому прогрессу своими патентами!) и Google совместно внесли ряд улучшений, которые, в частности, значительно улучшили работу приснопамятного хинтинга на всех поддерживаемых проектом платформах. Вместе с рядом других улучшений это привело к выпуску новой версии — FreeType 2.5.

Читать полностью »

в 6:54, , рубрики: javascript, node.js, woff, шрифты, метки: ,

Многим из вас знаком сайт fontello.com, который помогает делать иконочные шрифты для вебсайтов. Сегодня хочется вас познакомить с некоторыми полезными штуками, которые у него поместились под капотом. А именно — с конверторами шрифтов:

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

в 10:01, , рубрики: helvetica, дизайн, Дизайн в IT, конкурс, мероприятие, типографика, шрифты, метки: , , , , ,

9 Мая 1957 года, Макс Мидингер подарил миру шрифт Helvetica, который популярен до сих пор и не собирается сдавать своих позиций, ни среди потребителей ни дизайнеров. Кто-то любит Гельветику, кто-то ее ненавидит, а мы в этом году при поддержке TypeDNA (Швеция), High-Logic (США) а также Фрилансим и Хантим (Россия), организовываем мероприятие на ежегодной основе под названием «Helvetica World».

Мы приглашаем дизайнеров для участия в online конкурсе, призами в котором будут: Wacom Bamboo Pen & Touch, а также лицензии Менеджеров шрифтов TypeDNA для Mac/PC и MainType Professional для PC. Также пройдет неформальная offline вечеринка в 5 городах: Москва, Санкт-Петебруг, Челябинск, Киев и Чикаго.

Helvetica World, Конкурс и мероприятие для дизайнеров

Читать полностью »

в 8:47, , рубрики: usability, Дизайн в IT, лекция, прямой эфир, шрифты, метки: , ,

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

Трансляция будет здесь: www.youtube.com/watch?v=iPrDE6pOnf8

Записи не будет: так что кто успел тот посмотрел, организаторы не разрешают записывать видео.

Лекции очень полезны для общего развития. Проведите субботнее утро с пользой.

Тема этой лекции: «Знак: от пиктограммы --к логотипу»

Информация о лекторе:
Читать полностью »

в 14:13, , рубрики: usability, Блог компании МУК, дизайн, Дизайн в IT, лекция, прямой эфир, шрифты, метки: , , ,

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

Когда: 20 апреля в 12.00 по Киеву.

Тема этой лекции: «Теория графики: от точки и линии — к изображению»

Трансляция будет тут:

Ссылка на канале: www.youtube.com/watch?v=iPrDE6pOnf8

Записи лекции не будет, так что кто успел, тот посмотрел. Проведите субботнее утро с пользой!

Информация о лекторе: Читать полностью »

в 9:07, , рубрики: css, dom, Webfont, Веб-разработка, типографика, шрифты, метки: , , , ,

Похоже на первоапрельскую шутку, но Adobe Type Team выпустила специальный шрифт Adobe Blank OpenType Font, покрывающий всю unicode таблицу пустыми глифами (более 65,000). Шрифт рендерится с использованием non-spacing и non-marking глифов и весит 80kB.

Adobe Blank: Шрифт для разработчиков

Основой для разработки шрифта послужили две задачи:
Читать полностью »

в 12:56, , рубрики: Блог компании UIDesign Group, веб-дизайн, переводы, типографика, шрифты

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

В то же самое время основным камнем преткновения многих дизайнеров, работающих с типографикой, остается вопрос эстетики. Сложность заключается в том, что под термином «типографика» мы часто понимаем кастомные шрифты для надписей (и наоборот), что на самом деле неверно. Чтобы убедиться в существовании подобного заблуждения, достаточно просмотреть результаты поисковой выдачи материалов с тегом «typography» на Dribbble.com.

Функциональность важнее формы: проектируя для читателя

Читать полностью »

в 22:32, , рубрики: font-face, html, типографика, шрифты, метки: ,

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

1...567...8
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js