Как создать файл шрифта ttf
Обновлено: 07.07.2024
В этом посте я упомяну несколько программ, некоторые бесплатные и платные, которые вы можете использовать для создания пользовательских шрифтов. Очевидно, что платные программы, как правило, имеют больше возможностей и улучшенных интерфейсов для работы со шрифтами, но есть и несколько хороших бесплатных.
Бесплатные редакторы шрифтов
Давайте начнем с бесплатных, поскольку большинство людей будут создавать шрифты не как бизнес, а просто для удовольствия. Буквально миллионы шрифтов вы можете скачать или купить онлайн, поэтому, если вы читаете этот пост, вам, вероятно, интересно быть креативным и уникальным!
Одним из самых простых способов создания новых шрифтов является использование онлайн-редактора шрифтов. Вы можете создавать свои шрифты прямо в браузере и загружать их на свой компьютер, когда закончите.
FontStruct
FontStruct вероятно, мой любимый онлайн-редактор шрифтов, потому что у него хороший интерфейс и лучшие инструменты для работы со шрифтами. Для того, чтобы воспользоваться услугой, вам необходимо создать учетную запись и войти в систему. После этого нажмите на Создать новый Fontstruction кнопка. Дайте вашему шрифту имя, и вы увидите экран редактора шрифтов.
Здесь вы используете «кирпичи» для создания вашего шрифта блок за блоком. У них есть много кирпичей на выбор, и вы можете переключиться в экспертный режим, который даст вам еще больше инструментов для создания шрифтов. Потребуется некоторое время, практика и творческий подход, прежде чем вы сможете создать что-то очень уникальное, но это определенно очень весело.
PaintFont
FontStruct требует от вас создания шрифта с использованием цифровых инструментов, но что, если вы предпочитаете рисовать свои шрифты вручную, а затем преобразовывать их в цифровой формат в векторные шрифты? Ну, вот где PaintFont может помочь!
PaintFont Это аккуратный маленький онлайн-сервис, который сначала заставляет вас выбирать нужные символы шрифта, затем распечатывает шаблон, который вы заполняете, а затем загружает его, чтобы он мог преобразовать ваш почерк в настоящий шрифт. В нем также есть шаблоны для других языков, помимо английского, таких как испанский, немецкий, французский, итальянский и т. Д.
После того, как вы нажмете «Создать шаблон», будет загружен файл PDF, который вы должны распечатать и заполнить. Каждый блок будет содержать один символ из тех, которые вы выбрали выше. Очевидно, вам не нужно писать письмо, отображаемое в поле, но так, как вы хотели бы, чтобы оно появилось в вашем новом шрифте. Символ только для справки, чтобы программа знала, какой блок представляет какую букву.
Затем вы загружаете шаблон шрифта и загружаете только что созданный шрифт. Очевидно, что процесс не будет идеальным, поэтому перед загрузкой необходимо убедиться, что вы хорошо отсканировали шаблон, а символы написаны четко черными чернилами. Приятно то, что если пара шрифтов не распознается должным образом, вам не нужно начинать с нуля.
Вы можете создать новый шаблон только с ошибочными символами, а затем, когда вы отправитесь на загрузку, нажмите на дополнительные параметры, вы можете использовать исходный шрифт в качестве основного шрифта. Вновь распознанные символы заменят те, что в основном шрифте. В целом, аккуратная концепция и что-то веселое, что вы можете сделать со своими детьми!
BirdFont
Переходя от онлайн-инструментов к настольным инструментам, один хороший редактор шрифтов BirdFont, У него довольно много инструментов для работы со шрифтами, и его будет действительно легко использовать всем, кто уже имеет опыт работы с такими программами, как Adobe Illustrator или Corel Draw.
Если вы совершенно не знакомы с каким-либо из этих инструментов, вам потребуется некоторое время, чтобы изучить их, поскольку сложно создать что-то приличное, просто играя с различными инструментами, которые вы не знаете, как использовать. Вы можете проверить их онлайн-уроки за помощь в начале работы.
FontForge
Еще одна бесплатная программа для редактирования шрифтов и преобразования между типами шрифтов FontForge, Это проект с открытым исходным кодом, и он работает нормально, но не так хорошо, как хотелось бы. Во-первых, кажется, что он не обновлялся с 2012 года. Во-вторых, вместо того, чтобы находиться в одном большом окне, он имеет отдельные окна для инструментов, список шрифтов и т. Д., Вроде того, как раньше был GIMP.
Это работает хорошо, но это не очень удобно для пользователя. Кроме того, он не имеет так много инструментов, как BirdFont. Теперь поговорим о некоторых платных приложениях для редактирования шрифтов.
Коммерческие редакторы шрифтов
FontCreator
В High Logic есть очень крутая программа FontCreator начиная с 79 долларов, что позволяет создавать и редактировать шрифты TrueType или OpenType. Он также имеет несколько очень мощных инструментов рисования и редактирования, созданных для типографов и дизайнеров, а также интуитивно понятный интерфейс для начинающих!
Эта программа хорошо подходит для дизайнеров и графических художников, а не для игр, если у вас нет денег, чтобы бросить вокруг. Вот некоторые из ключевых особенностей программ:
Чтобы ознакомиться с FontCreator, вы также можете создать свой собственный шрифт. Сначала вы нажимаете файл из меню, а затем новый,
Теперь вы увидите окно обзора глифов, где вы можете рисовать буквы. Дважды щелкните ячейку с надписью «A», и вы попадете в окно редактирования глифа. выбирать контур от Вставить меню, чтобы начать создавать свои письма.
Вы можете прочитать все подробное руководство по использованию FontCreator Вот. Если вам все еще кажется, что это слишком сложно, или вы хотите создать шрифт из своего собственного почерка, вам понадобится какой-нибудь планшет для рисования и графическая программа, такая как Photoshop, которая может сохранять каждую нарисованную букву в формате GIF. Есть также много бесплатных программ для рисования.
Если каждая буква сохранена в формате GIF, вы можете импортировать буквы в окно редактирования глифа, перейдя в инструменты а потом Импортировать изображение, Таким образом, вам не нужно рисовать письма с помощью инструментов, а просто выписать их.
После того, как вы создали несколько шрифтов, вы можете проверить свой новый настроенный шрифт, перейдя в Тестовое задание в Шрифт меню. Начните печатать буквы, и теперь вы должны увидеть, как они выглядят в сочетании:
Теперь вы можете нажать «Установить» в меню «Шрифт», чтобы установить шрифт в Windows. Рекомендуется не просто копировать шрифты в папку Windows Fonts. После установки ваш шрифт будет доступен во всех ваших любимых приложениях!
FontLab Studio
FontLab Studio является золотым стандартом с точки зрения инструментов для создания шрифтов, и его цена соответствует этому названию: $ 673,95! Это огромные деньги за создание шрифтов! Компании-производители шрифтов, которые только создают шрифты, которые затем продают онлайн, в основном используют эту программу.
Процесс создания собственных шрифтов не обязательно прост, но для большинства людей он определенно возможен, если у него есть немного времени и усилий (и, возможно, немного денег). В целом, действительно, здорово создавать свои собственные шрифты для отправки карточек, электронных писем и т. Д.! Наслаждайтесь!
Если вы хоть немного связаны с дизайном, то знаете, что шрифты играют одну из ключевых ролей и придают вашему проекту своеобразность и уникальность.
В интернете можно найти тысячи различных шрифтов, но именно это разнообразие и делает наш выбор таким мучительным… Если вам также, как и мне, хочется чего-нибудь «этакого», тогда создайте свой собственный шрифт. В этом уроке мы наглядно рассмотрим создание ttf шрифта при помощи Fontographer.
Итак! Создавать новый шрифт мы будем из изображения, которое я нашел в интернете. Мне позарез нужен был шрифт Nandos Bold, который используется в дизайне интерьера сети португальских ресторанов Nandos.
Но так как разрабатывали этот шрифт непосредственно для ресторана, найти в интернете мне его не удалось. Зато я нашел картинку с алфавитом этого шрифта, которую нарисовали дети из Южной Африки. Спасибо им за это! Вот ссылка на саму картинку.
ШАГ 1 — Открываем изображение нашего шрифта в любом графическом редакторе (я пользуюсь Photoshop, но это не так важно). Выделяем заглавную букву «А» и копируем ее в буфер обмена. Буква А нам позже потребуется для изучения кернинга.
ШАГ 2 — Запускаем Fontographer и создаем новый шрифт ( Command + N ). В открывшемся окне два раза кликаем по клетке с буквой А, в результате чего появится окно создания контура (outline) буквы.
ШАГ 3 — Вставляем скопированное ранее изображение. Программа автоматически поместит его на слой Template, и на экране буква будет выглядеть бледно серой.
Выбрав слой Template, передвиньте букву на нижнюю базовую линию. Здесь же можно произвести элементарное редактирование (масштабировать, наклонить, зеркальное отражение и т.п.)
ШАГ 4 — Выбираем слой Outline (это важно. ) Теперь нам необходимо произвести обводку нашей буквы. Сделать это можно вручную или автоматически, используя команду Auto-trace.
ШАГ 5 — Открываем окно Metrics, нажав Command + K или выбрав команду из меню Window. В новом окне будет находится буква, контур которой мы только что создали.
Перетягивая две направляющие по бокам буквы, установите расстояние до соседних символов (до и после).
ШАГ 6 — Повторите шаги с 3 по 5, но теперь для буквы V (буква V нам необходима для изучения кернинга).
ШАГ 7 — После того, как вы создадите букву V, введите подряд символы AV в поле Text верхней части окна Metrics. В окне отобразятся обе буквы, каждая со своими отступами.
На самом деле, буквы A и V должны быть ближе друг к другу (если сравнивать с H и K, V и т.п.), в противном случае, при использовании будет казаться, что расстояние между ними неприлично большое.
Подгонка этого расстояния называется кернингом. Кликните по букве V и перетяните направляющую L ближе к букве A.
ШАГ 8 — Введите буквосочетание VA в текстовую строку окна Metrics. Перетяните направляющую L буквы A ближе к символу V. Каждый раз, когда вы вводите текст в окне Metrics, Fontographer сохраняет кернинг пару для этих символов в памяти шрифта.
Чтобы ваш шрифт выглядел более профессионально, постарайтесь создать как можно больше кернинг пар для разных символов. Определенного набора кернинг пар не существует, т.к. все зависит от дизайна вашего шрифта.
Единственное приведу краткий список символов, требующих регулировки кернинга: 4, 6, 7, 9, A, C, D, F, G, J, K, L, P, T, U, V, W, Y и большинство символов нижнего регистра.
ШАГ 9 — Сохранив шрифт ( Command + S ), вы все еще не получите TTF шрифт. Программа всего лишь запишет все ваши действия в файл со своим внутренним форматом.
Ну а теперь смело заходим в меню File и выбираем Generate Font Files… Проверьте, в каком формате Fontographer предлагает сохранить шрифт (должен быть ttf), укажите папку для сохранения и жмем кнопку Generate.
Вот и все! Конечно же создание собственного шрифта дело не из веселых, но оно того стоит.
Мы нашли полезную информацию, которую собрали с множества источников, и решили собрать все воедино.
1. Начните с брифа
Разработка брифа безусловно потребует исследований и раздумий. Как будет использоваться ваш шрифт: он понадобится для специфического проекта или для личного пользования? Есть ли проблема, которую ваш шрифт решил бы? Впишется ли ваш шрифт в массив похожих дизайнов? Что делает его уникальным?
Вариантов много. Шрифты могут быть созданы, к примеру, специально для академических текстов или для плакатов. Только когда вы будете знать, как ваш шрифт может быть использован, тогда вы будете готовы начинать дизайн.
2. Фундаментальный выбор
Существует некоторое количество решений, о которых нужно помнить. Будет ли это рубленный шрифт или с засечками? Будет ли он основываться на рукописном тексте или будет более геометричным? Будет ли шрифт создан для текста и подходить для длинных документов? Или может он будет отображать текст в креативном стиле и будет лучше смотреться в крупном размере?
Подсказка: Предполагается, что дизайн рубленного шрифта дается начинающим сложнее, так как возможности таких шрифтов более специфичны.
3. Подводные камни на ранних этапах
Есть несколько подводных камней:
- Вы можете решить начинать с компьютеризации рукописного шрифта, что может быть полезным практическим упражнением. Но из-за того, что почерк очень индивидуален, ваш шрифт может не иметь большого успеха из-за своей специфичности.
- Не стоит брать за основу существующие шрифты. Переделав немного уже знакомый всем шрифт, вы не создадите шрифт получше и не разовьете свои навыки.
4. Используйте свои руки
Существует много материалов на тему того, как рисовать шрифты с помощью компьютерных программ, но мы настойчиво рекомендуем вам сначала нарисовать его от руки. Попытки сделать это на компьютере существенно усложнят вашу работу.
Попробуйте создать красивые формы первых нескольких букв на бумаге, а уже потом начинайте компьютерную работу. Следующие буквы потом могут быть сконструированы на основе существующих форм, в соответствии с ключевыми особенностями.
Подсказка: Вручную обычно получается нарисовать более гладкие и точные кривые. Чтобы было удобнее, не бойтесь поворачивать лист бумаги так, как вам нужно.
5. С каких символов начать
6. Переносим шрифт на компьютер
Существует множество способов перенести рисунок на компьютер. Некоторые рекомендуют трассировочные программы, но многие предпочитают совершать эту работу вручную, чтобы иметь полный контроль над точками и формами.
Многие программы нуждаются в четком и ярком рисунке, поэтому как только вам понравился ваш шрифт, обведите его тонкой ручкой и заполните формы маркером.
Подсказка: Если вы обработали нарисованный шрифт так, как было описано выше, то вы можете просто сделать фото рисунка и работать с ним.
7. Выбор программы
Многим дизайнерам нравится использовать Adobe Illustrator. Для рисования отдельных форм и экспериментирования он отлично подходит. Но в последствии становится очевидным, что для создания шрифтов он не подходит. Вам захочется работать с программой, которая позволит работать с межбуквенным интервалом и созданием слов.
8. Использование программ
Не забывайте расположить крайние точки буквенных форм (верхняя, нижняя, правая, левая), чтобы лучше контролировать процесс.
9. Слова
Когда вы закончили все работы по приглаживанию форм, посмотрите, как он смотрится в полноценном тексте. Возьмите себе за цель проанализировать то, как шрифт смотрится в строке, абзаце и так далее. И не стоит ждать, пока вы сделаете весь алфавит.
Этот онлайн-инструмент поможет вам создать текст из тех букв, которые у вас уже есть.
10. Тесты
Очень важно посмотреть, как ваш шрифт будет выглядеть в разных размерах. Следуя своему брифу, оцените получившийся шрифт, посмотрите, можно ли прочесть текст, если выставить малый размер шрифта.
Вы должны понять, как ваш шрифт будет себя вести при изменении его размера. И да, это может создать массу проблем, но вы же не хотите выдавать сырой результат.
11. Печать
Распечатайте свой шрифт и придирчиво оцените его вид на бумаге. Гораздо проще увидеть какие-либо недочеты, если вы прикрепите лист на стену, например, и посмотрите на шрифт издалека.
12. Подумайте о глобальном использовании
Итак, вы создали что-то, чем вы гордитесь. Вы сделали шрифт только для латиницы? А как же кириллица? А как же 220 миллионов читателей на деванагари? Рынок не-латиницы растет.
13. Еще тесты
Попробуйте применить свой шрифт для старых проектов и посмотреть, как выглядит текст. Дайте шрифт друзьям, чтобы они протестировали его и сказали свое мнение. Ну или спросите опытного дизайнера, чтобы он дал вам свой отзыв.
Ну, конечно же, программы для создания шрифтов:
Одна из самых популярных программ для дизайна шрифтов. Доступна на Windows и Мас.
Программа доступна на Windows, имеет интуитивный интерфейс и отлично подходит новичкам.
Еще один мощный редактор шрифта от FontLab, позволяющий создавать новые шрифты или изменять существующие. Доступен на Windows и Мас.
Эта программа работает на Windows, Mac, Unix/Linux и переведена на множество языков. Также позволяет создавать новые шрифты и редактировать имеющиеся.
OpenType редактор шрифтов, доступен на Windows и Mac OS X. Довольно простой и содержит достаточное количество функций.
Это бесплатный инструмент, позволяющий быстро и легко создавать шрифт. Вы можете потом скачать свой шрифт и поделиться им во внутреннем сообществе.
Еще один бесплатный инструмент, с помощью которого вы сможете создавать точечные шрифты.
Условно бесплатный (9 долларов за скачивание шрифта) онлайн-инструмент, который позволяет создавать шрифты на основе рукописного текста.
Еще один онлайн-инструмент (также почти 10 долларов за скачивание), который позволяет создавать шрифт из текста, написанного от руки.
Бесплатный и довольно сильный редактор шрифтов. Отлично подходит начинающим и тем, кто не хочет тратить деньги на покупку программ.
Это приложение доступно на iPad и Windows 8. Позволяет создавать шрифт из наброска и редактировать существующие шрифты.
Бесплатный ограниченное количество времени инструмент. С его помощью вы можете создавать шрифты и скачивать их.
Бесплатный онлайн-инструмент, позволяющий создавать TTF и OTF шрифты на основе рукописного текста.
Есть бесплатная и премиум-версия. Программа работает на Windows, Linux, Mac OS X и BSD.
Мы знаем, что существует множество различных форматов файлов шрифтов, но знаете ли вы, чем они отличаются и какой из них выбрать? Что ж, этот пост все объясняет. Некоторые из наиболее распространенных форматов включают .TTF, .OTF, .SVG, .WOFF, .WOFF2 и .EOT. Давайте поговорим обо всех из них по очереди.
Форматы файлов шрифтов
1]TTF (шрифт True Type)
Это основные типы шрифтов, созданные Microsoft и Apple, и поэтому они предустановлены как на компьютерах Windows, так и на iOS. Он состоит из одного двоичного файла, поэтому им легко управлять. Это наиболее часто используемые форматы для файлов шрифтов, и все основные браузеры поддерживают его, но единственная проблема с этим форматом заключается в том, что шрифты TTF не сжимаются, а размер файла довольно велик по сравнению с другими форматами.
2]OTF (шрифт открытого типа)
Можно назвать это улучшенной версией TTF. Этот формат, разработанный Microsoft и Adobe, имеет расширенный набор символов и поддерживается на нескольких платформах. Кроме того, он содержит данные шрифта принтера и данные экранного шрифта в одном компоненте. Вы можете использовать OTF как на Windows, так и на Mac. Формат OTF имеет дополнительное пространство и, таким образом, позволяет хранить до 65 000 символов. Эта функция особенно полезна для дизайнеров.
Читать: Загрузка бесплатных шрифтов для логотипов и коммерческого использования.
3]Шрифты SVG
4]WOFF (формат открытого веб-шрифта)
Читать: Как установить шрифты в Windows 10.
5]WOFF2
Очевидно, это следующая версия WOFF с улучшенным сжатием. WOFF2 поддерживает почти все популярные веб-браузеры и широко используется веб-разработчиками. Кроме того, он поддерживает спецификации OTF и TTF, а также коллекции шрифтов и вариативные шрифты.
6]EOT (встроенный формат файла OpenType)
Формат файла EOT, разработанный Microsoft, имеет единую структуру EMBEDDEDFONT, которая включает в себя все основные сведения об имени шрифта и поддерживаемых символах, поэтому вам не нужно распаковывать, устанавливать или распаковывать шрифт, если он уже установлен в вашем система.
Это были одни из наиболее часто используемых форматов файлов шрифтов. Сообщите нам, если вы хотите, чтобы мы добавили больше в список.
Я настоящий фанат типографики, и трачу много времени на поиск и экспериментирование со всеми видами различных типов шрифтов и стилей.
В этом смысле, я также пытался создать собственные шрифты, и должен сказать, что любой человек, обладая небольшим опытом, может это сделать.
Далее освещены несколько наиболее известные (и бесплатных) инструментов для самостоятельного создания шрифтов.
Fontstruct
Fontstruct это веб-приложение, являющееся замечательным средством для создания шрифтов, особенно если вы новичок в этом деле. Для создания шрифтов, пользователям нужно зарегистрироваться, но графический интерфейс настолько просто и удобен в использовании, что вы начнете пользоваться им моментально.
Fontstruct встречает пользователей MS Paint-подобным окружением, где они могу использовать «кирпичики», которые по существу являются шаблонами, помогающими создать избранный вами дизайн. Есть десятки кирпичиков, на выбор, каждый из которых может предоставить создателям свою уникальную особенность, для добавления к шрифту.
Несколько дополнительных базовых инструментов включают в себя: ластик, инструмент создания линии/прямоугольника и инструмент «рука», позволят создавать шрифты точно и профессионально.
Каждая буква/символ, какой бы язык вы не выбрали, имеет соответствующий «слот», чтобы помочь вам отследить какие символы вы уже нарисовали, и те которые могли забыть.
Fontsrtuct содержит символьные модели более чем 20 различных языков.
Во время создания своего шедевра, Fontsrtuct предоставляет возможность напечатать и протестировать результат, в условиях реального времени, что, несомненно, удобная функция как для новичков дизайнеров, так и для профессионалов.
После того как ваш шрифт будет готов, вы можете скачать его (в формате TrueType) и/или выложить в общий доступ, через галерею. Здесь пользователи могут публиковать, голосовать и скачивать шрифты, повсюду создавая сообщества любителей типографики.
FontForge
Если же для создания шрифтов, вы предпочитаете десктопные приложения, давайте рассмотрим FontForge: замечательную бесплатную программу, позволяющую создавать собственные шрифты. Она более замысловата в сравнении с Fontstruct, и содержит большое количество настроек и инструментов.
Пользователей встречает растровое изображение знаков и символов, которые можно формовать и переделывать, в соответствии с желаемым дизайном. FontForge совместим с множеством различных форматов шрифтов, включающих в себя TrueType и Opentype.
Я бы также рекомендовал к прочтению отличное руководство, от создателей FontForge, которое поможет вам при создании шрифтов. Есть версии программы для Windows, Mac, и Linux, однако пользователи Windows также должны установить Cygwin, являющееся бесплатным Linux окружением для Windows, необходимым для запуска FontForge.
FontForge безусловно стоит попробовать, но все же перед этим, поработайте с Fontstruct, чтобы привыкнуть к типографской среде, и воплотить в жизнь некоторые из ваших идей.
Читайте также: