Программы для редактирования шрифтов на русском. Два инструмента для создания шрифтов

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

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

1. Glyphr

Glyphr - бесплатный редактор шрифтов на основе html5. Дизайн шрифтов имеет высокий барьер входа. Профессиональные программы оформления шрифтов очень сложны и довольно дороги. Glyphr доступен, упорядочен и сделан для любителей дизайна шрифтов, и это бесплатно. Вы можете создавать сложные фигуры, копировать и вставлять, переворачивать их или блокировать, перетаскивать и изменять размер вашего контента.

2.

Birdfont - бесплатный редактор шрифтов, который позволяет создавать векторную графику и экспортировать шрифты TTF, EOT и SVG. Он предоставляет множество функций, среди которых выделяются кривая, контекстная замена лигатуры, строки кернинга, вращение объекта, изменение фона и многое другое.

3. Font Struck

FontStruct позволяет быстро и легко создавать шрифты, построенные из геометрических форм, которые расположены в виде сетки, например, плитки или кирпичи.

4. Bit Font Maker 2

BitFontMaker2 является быстрым и легким редактором шрифтов Bitmap в интернете. Вы можете редактировать и создавать пиксельный шрифт в своем веб-браузере.

5. Fontastic

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

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

Мы предлагаем вам список из 10 бесплатных ресурсов с инструментами, где вы сможете творить и создавать новые креативные шрифты.

Bird Font – это онлайн-инструмент для создания и редактирования векторной графики. Сервис предлагает настройки импорта и экспорта для True Type Font (TTF), Embedded OpenType Font (СРВ) и Scalable Vector Graphics (SVG). На сайте можно изучить множество возможностей и инструментов для создания различных векторных изображений. Наиболее популярные среди них ориентирование кривых, контекстуальная связывающая подмена, кернинг, вращение объекта, изменение фона и многое другое.

Сайт предназначен именно для создания шрифтов и предлагает эффективную платформу для их дизайна. Ресурс станет полезным для энтузиастов, любящих экспериментировать со шрифтами и создавать новые типы. На FontStruct, можно создавать шрифты, используя различные геометрические фигуры, например, как плитка или кирпичная сетка. Кроме того тут вы можете найти уже готовые новые типы шрифтов. Шрифты, созданные на FontStruct, называются FontStructions и могут быть установлены или загружены в True Type Font (.ttp) файл. Так же они могут быть использованы в приложениях Photoshop, Mac / Windows или на веб-сайтах и в блогах. Это сайт, на который действительно стоит обратить внимание.

Glyphr Studio – это программа для дизайна и редактирования шрифтов, а так же инструмент, предлагающий множество интересных особенностей. На Glyphr Studio вы можете создавать собственные лигатуры символов и глифы, используя различные инструменты редактирования векторов, такие как ручка и пойнтер. Одно из его характерных преимуществ сервиса - импорт SVG кода из Inkscape и Illustrator.Инструмент предлагает двойной режим экрана для удобного проектирования и редактирования. Помимо всего прочего, Glyphr Studio поддерживает такие файлы шрифтов, как True Type Font (TTF), Embedded OpenType Font (СРВ) и Scalable Vector Graphics (SVG) файлы шрифтов.

Сайт является инструментом на основе браузера для проектирования и редактирования растровых шрифтов. Сервис позволяет скачать или загрузить шрифты в их галерею в файле True Type Font.

MyScriptFont - большой онлайн-инструмент для создания векторных шрифтов на основе собственного почерка. Все, что вам нужно сделать, это скачать шаблон в формате PDF или PNG, а затем распечатать его. Далее написать в нем текст от руки, отсканировать и загрузить на сайт (программа поддерживает форматы JPG, PNG, PDF и другие). Вы также можете использовать Paint для написания текста. В отличие от других аналогичных инструментов, MyScriptFont позволяет просмотреть и бесплатно скачать ваш рукописный шрифт в форматах Open Type и True Type. Рукописные шрифты могут быть использованы в графических программах, поздравительных открытках, логотипах, личных письмах и многом другом.

FontForge - онлайн-платформа для создания бесплатных шрифтов. Она имеет простой в использовании пользовательский интерфейс и встроенную программу для сравнения различных шрифтов. С FontForge, можно создавать и редактировать шрифты в различных форматах, включая PostScript, SVG, True Type, Open Type и другие. Так же, к вашим услугам полный текст учебника, помогающего в профессиональной подготовке по созданию шрифтов.

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

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

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

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

Еще несколько ресурсов, которые могут вам пригодиться:

FontPunk.com – бесплатный онлайн-инструмент для добавления стилей и визуальных эффектов, чтобы создать визуально привлекательный шрифт для рекламы, листовок или веб-сайта.

FontConverter.org – бесплатный онлайн конвертер шрифтовых файлов.

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

Заключение

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

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

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

FontStruct

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

После завершения создания шрифта, вы просто сохраняете его в виде TrueType файла шрифта (.ttf), а затем устанавливаете его на компьютер. Данный формат поддерживается всеми версиями операционных систем Windows и Mac OS.

FontForge — это бесплатный редактор шрифтов, совместимый с Windows, Mac OS и Linux. Очень важной функцией здесь является возможность редактировать уже существующий шрифт. Среди поддерживаемых форматов файлов шрифта присутствуют TrueType (.ttf), PostScript (.ps), OpenType (.otf) и многие другие.

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

BitFontMaker

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

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

Type light

Type light является бесплатным редактором шрифтов для Windows, позволяющим создавать собственные шрифты, а также редактировать существующие.

Утилита поддерживает форматы TrueType, OpenType и PostScript. Возможна конвертация одного формата файла шрифта в другой. Стоит заметить, что данное ПО предоставляется бесплатно только для частного некоммерческого использования.

Raster Font Editor

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

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

Для создания шрифтов я рекомендую использовать редактор FontCreator от High-Logic. Сразу скажу, программа платная, но это лучший из, попавшихся мне на глаза, вариантов. Если же Вам нужен бесплатный редактор шрифтов, обратите внимание на программу Type light от cr8software и онлайн сервис Glyphr Studio . Я же остановлюсь на FontCreator (если не ошибаюсь, это была версия 6.0) .

Шаг 1: и так, запускаем редактор и используя команду: File > New (Файл > Новый) - создаём новый шрифт. В открывшемся окне New Font (с англ. Новый Шрифт ) , вам нужно будет указать ряд параметров:

• Font family name - название семейства шрифтов, т.е. просто название шрифта, вроде того же Times New Roman , я указал My Font .
• Character set - набор включенных в шрифт символов, рекомендую выбрать Unicode (characters) .
• Font style - стиль шрифта, для каждого стиля здесь нужно создавать отдельный файл. Для обычного (по умолчанию) стиля шрифта выберите вариант Regular .
• Predefined outlines - встроенные контуры. Рекомендую выбрать вариант Don’t include outlines, что позволит создать чистый бланк силуэтов.

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

2.1. Используя команду: Insert > Characters… (Вставить > Символы…) - откройте окно Insert Characters (с англ. вставка символов ).

При этом Вы можете получить сообщение:

This operation is not undoable. Do you want to continue?

Оно сообщает Вам о том, что операция является необратимой и для её выполнения Вам нужно подтвердить своё действие, жмём кнопку «Yes ».

2.2. Далее перед Вами появится таблица символов. Для удобства, в списке Fonts выберите шрифт Arial . В списке Go to Unicode Block выберите Cyrillic . Используя поле Selected Character , смотрит код букв «А» ($0410) и «я» ($044F) . В поле Add these characters and/or character ranges… добавляем нужные символы и/или диапазон символов, в нашем случае это: $0410-$044F . Жмём кнопку «OK ».

2.3. В Ваш бланк шрифта будут добавлены символы букв кириллицы. Таким же образом, но уже по отдельности, Вы можете добавить буквы «ё» ($0451) и «Ё» ($0401) , не вошедшие в указанный, на предыдущем шаге, диапазон символов.

Шаг 3: теперь можно приступать к созданию символов. Здесь, помимо векторного редактирования, с использованием соответствующих инструментов, FontCreator позволяет создавать символы из картинок, путём их преобразования в векторное изображение. Очевидно, что для каждого символа понадобится нарисовать отдельную картинку.

3.1. В качестве примера я нарисовать прописную букву «А».

3.2. В принципе, уже после сканирования, этот файл картинки можно использовать для импорта. Для этого выберите в бланке образ нужного символа. Затем, используя команду: Tools > Import Image… (Инструменты > Импорт Изображения) - откройте окно Import Raster Image (с англ. импорт растрового изображения ) .

3.3. В открывшемся окне нажмите кнопку «Load… » (с англ. загрузить ) и выберите нужный Вам файл картинки.

3.4. Передвигая бегунок Threshold (с англ. порог ) установите уровень затемнения изображения для создания более чёткого контура. Также Вы можете использовать фильтры:

• Smooth Filter - фильтр сглаживания.
• Erode - размытие, делает символ более жирным.
• Dilate - растягивание, делает шрифт более тонком.

Import Mode (с англ. режим импорта ) лучше оставить Trace , для преобразование в кривые. С Negative (с англ. негатив ) , думаю, всё и так понятно. Так что кликаем кнопку «Generate ».

Шаг 4: перейдя в режим редактирования, двойным кликом по символу в бланке, Вам останется лишь исправить неровности, подогнать размер и выставить линию отступа. Так же понадобится сделать и для других символов.

В целом, процесс создания шрифта нельзя назвать особо сложным. Здесь требуется терпение и масса времени. С помощью редактора шрифтов FontCreator это время можно во многом сэкономить, используя импорт и преобразование картинки символа в вектор. Тем не менее, даже такой вариант это немалый труд. На этом у меня всё. Спасибо за внимание. Удачи!

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

Я столкнулся с этой проблемой следующим образом. Требовалось на домашнем компьютере сконвертировать набор документов из САПР «Компас» в формат PDF. Для этой цели имелся КОМПАС-3D Viewer. А затык вышел с тем, что автор документов набрал их шрифтом Arial Narrow, который на компьютере отсутствовал; вместо него смотрелка подставляет шрифт Arial, из-за чего все надписи в документе разъезжаются как попало.

Конечно, мы все знаем, как можно решить проблему с отсутствующим шрифтом, да и с редактором Компаса. Но есть у меня скверная привычка не нарушать авторские права без крайней необходимости, потому стал искать законное и относительно честное решение. В компьютере стоял свободный шрифт Liberation Sans Narrow (TrueType), который очень похож на Arial Narrow, а главное, имеет те же метрики. Надо было лишь убедить систему (речь идёт о Windows Vista), что точно такой же шрифт зовут Arial Narrow, только и всего.

Во-первых, достаём искомые шрифты (LiberationSansNarrow.ttf, LiberationSansNarrow-Bold.ttf, LiberationSansNarrow-Italic.ttf, LiberationSansNarrow-BoldItalic.ttf) из C:\Windows\Fonts в произвольную папку. По названному пути в действительности расположен специальный файл, а не папка, и что-то с его содержимым делать сто́ит только через Проводник Windows: скопировали файлы мышкой, поправили, и мышкой же положили обратно.

Наиболее простой способ сделать что-либо со шрифтом - это скачать и установить , редактор шрифтов с графическим интерфейсом. Если вам не лень скачать программу-установщик, то дальше можете не читать - всё элементарно. Но я решил, что дистрибутив графического продукта (весит чуть более 16 Мб) мне выкачать тяжело - инет небыстрый; и перешёл к другим вариантам (не факт, что я поступил разумно, ну да из песни слова не выкинешь).

Утилитой для работы со шрифтами из командной строки является из проекта FontTools . В архивах интернета водится его.exe-установщик, однако полученную из него программу мне запустить не удалось, так что скачал с официального сайта архив tar.gz (весит всего-то 340 Кб). Для сборки утилиты из этого архива вам понадобится:

1. Python - язык программирования. У меня он был настроен в составе среды Cygwin, в консоли которого я и делал всё дальнейшее, так что его мне качать не надо было. Предположительно, Cygwin для сборки не обязателен, но в любом случае удобен.
2. - неизвестно почему требуется для сборки. Архив весит около 4,3 Мб. Возможно, вы сможете установить её без сложностей через стандартный установщик Cygwin.

Итак, порядок действий (для чайников, знакомые со сборкой из кодов могут особо не вчитываться):

1. Распаковываем архив numpy-x.x.x.zip в какую-нибудь папку и переходим туда в консоли командой cd "D:/путь/куда/распаковали/numpy-x.x.x" (в оболочке Cygwin следует использовать /прямые/ косые черты вместо \обратных\).
2. Выполняем команду python setup.py install . Далее вы в течении получаса-часа будете получать ругань компилятора, однако библиотека, скорее всего, в итоге успешно установится.
3. Теперь распаковываем куда-либо архив fonttools-….tar.gz, и опять переходим в добытую папку и вызываем python setup.py install . Установка на этот раз завершится довольно скоро, а утилита ttx станет доступной из командной строки.
4. Переходим в каталог, куда мы скопировали файлы со шрифтами. Выполняем команду: ttx *.ttf , после которой для каждого TrueType-шрифта в папке возникнет файл с расширением.ttx. Исходные файлы теперь можно удалить (вы ведь их скопировали, а не переместили?)
5. TTX-файлы - это обычные текстовые файлы в формате XML. Открываем их в любом текстовом редакторе и меняем всё, что нужно; в моём случае требовалось лишь заменить везде «LiberationSans» и «Liberation Sans» на Arial.
6. Вновь запускаем утилиту, дабы вернуть файлы в скомпилированный вид: ttx *.ttx . Возникает набор файлов, аналогичный исходному, но с другим внутренним именем.
7. Переименовываем файлы, дабы избежать конфликтов (неважно во что, лишь бы у вас таких шрифтов не было). Для этой цели можно использовать программу Free Font Renamer , которая переименовывает все файлы в папке во внутренние имена шрифтов. Обращаю внимание, что менять содержимое файлов эта программа не умеет - внутренние имена шрифтов она только читает, а потому не особо нужна (я скачал её раньше, поскольку ждал от неё большего).

Всё, мы получили файлы, которые можно закидывать мышкой в псевдокаталог Fonts . Со шрифтаме OpenType всё делается аналогично с учётом замены на 4-м шаге.ttf на.otf.

P.S. Замечу, что ранее мне удалось переименовать OpenSymbol в StarSymbol, не пользуясь никакими тяжеловесными закачками. Для этого файл пропускался через простенький скрипт, содержавший регулярное выражение наподобие s/O([\x00-\x1F]?)p([\x00-\x1F]?)e([\x00-\x1F]?)n/S$1t$2a$3r/g . Однако не поручусь, что этот трюк всегда срабатывает, особенно когда длины имён не совпадают.

Теги: Добавить метки