Как заставить inkscape увидеть шрифт в Windows?
Inkscape в Windows не видит шрифт Rubik.
Шрифт установил по пути C:\Windows\Fonts
В папку шрифтов пользователя тоже ставил.
Перезагружал ПК, переустанавливал Inkscape — ничего не помогает. Нагуглить тоже ничего не получилось((
Версия Inkscape 0.92.4 — последняя на данный момент.
Может есть у кого решение?
- Вопрос задан более трёх лет назад
- 1646 просмотров
2 комментария
Простой 2 комментария
Создание символьного шрифта
Символьный шрифт не имеет ничего общего с набором символов букв алфавита. Он состоит из знаков, которые невозможно прочесть и часто используется в качестве декоративного элемента. Для современных веб-разработчиков такой шрифт стал настоящим спасением от бесконечной рутины, с которой связана подготовка иконок (например, социальных сетей) для отображения на различных девайсах. Благодаря таким шрифтам больше не возникает необходимости сохраняться один и тот же символ в разном размере. Когда такой символ всего один — кажется ничего страшного. А если их несколько десятков?
При помощи CSS, можно менять цвет символьных шрифтов, чего нельзя сделать с обычными иконками. Также большим преимуществом является то, что такие иконки могут менять свой размер без потери качества. Последнее немаловажно для дисплеев c высоким разрешением, таких как Retina. К символьным шрифтам также можно применить различные текстовые эффекты (например, отбрасываемую тень). К тому же, их поддержку осуществляют большинство современных браузеров.
Существуют специальные сервисы-конструкторы, которые позволяют собрать свой собственный символьный шрифт из свободных иконок. Одним из таких сервисов является fontello. Но если вы не нашли нужных вам символов, их можно самостоятельно нарисовать в векторном графическом редакторе Inkscape и там же включить в свой собственный шрифт. Для этого нам понадобятся символы и Редактор шрифтов SVG. Для экономии времени, мы опустим процесс создания символов. Вместо этого, для примеров я буду использовать элементы символьного шрифта Entypo, распространяемого бесплатно под лицензией CC BY-SA 3.0. Итак, приступим к созданию шрифта.
Для начала нужно подготовить рабочую область. Нам понадобится открыть рабочие окна Align and Distribute/Выровнять/расставить (Objext | Align and Distribute/Объект | Выровнять и расставить…) и SVG Font Editor/Редактор шрифтов SVG (Text | SVG Font Editor/Текст | Редактор шрифтов SVG).
В свойствах документа (Shift+Ctrl+D) необходимо установить ширину и высоту страницы в 1000px.
Сами символы желательно привести к единому размеру (850px в высоту). Облегчить задачу поможет замок в настройках инструмента «Выделять и трансформировать объекты» (F1): закрыв его, высота и ширина объекта будут изменяться пропорционально.
Не исключено, что один из символов может оказаться шире всех остальных (при высоте 850px он может вылезти за кайму холста). В этом случае следует приравнять к 1000px ширину объекта. Очень важно, чтобы каждый символ располагался в пределах границ страницы.
Дальше нам потребуется выровнять первый символ по центру и нижнему краю страницы. Для этого, в окне «Выровнять и расставить» меняем ориентир на страницу. После этого выделяем объект и последовательно нажимаем на кнопки «Центрировать по вертикальной оси» и «Выровнять нижние края объектов» (см. картинку).
Если по ширине ваш символ равен 1000px, а по высоте оказался меньше, его нужно расположить на странице иным способом, чтобы символ не слишком выделялся на фоне остальных.
- Необходимо создать квадрат/прямоугольник (F4) высотой как все остальные символы — 850px.
- Поменять ориентир в окне «Выровнять и расставить» на «Последний выделенный». С помощью клавиши Shift сначала выделить символ, а затем созданный ранее квадрат.
- Центрировать символ по вертикальной и горизонтальной оси.
Если для создания шрифта вы импортировали объекты из других документов, как это сделала я, следует убедиться, что они не являются группами. И в случае необходимости разгруппировать импортируемые объекты (Ctrl+Shift+G). Редактор шрифтов SVG работает только с контурами.
Надеюсь, данные выше указания не вызвали особых проблем. К сожалению, дальше будет чуточку сложнее. Давайте перейдем к работе, непосредственно, в «Редакторе шрифтов».
Прежде чем привязывать символы к определенным буквам, следует создать шрифт. Для этого нужно нажать на кнопку «Создать» во вкладке «Шрифт». Выделив новый «шрифт 1», можно поменять его название («Гарнирута») и ширину.
Далее проследуем во вкладку «Глифы», где добавим новый глиф. Дважды кликнув по «глиф 1» можно изменить его название. Двойным кликом по «Соответствующей строке» необходимо установить букву алфавита (или цифру), которая будет соответствовать нашему символу. Для небольших шрифтов, советую использовать первые цифры или первые буквы алфавита.
Теперь выделяем наш символ вместе с созданным глифом и выбираем «Получить кривые из выделения». Это действие привяжет объект к выбранному глифу. Скорее всего, вы не увидите никаких изменений, несмотря на то, что в окне создания шрифта присутствует предварительный просмотр. Для того, чтобы увидеть элемент шрифта в действии, нужно в поле текст ввести пример текста, который будет содержать используемые шрифтом буквы или цифры.
Оставшиеся символы добавляем по аналогии. Во вкладке «Кернинг» можно поиграться с размером интервала между символами. После добавления желаемых символов в шрифт, следует сохранить документ. На этом наша работа в редакторе Inkscape завершена.
Далее нам нужно конвертировать получившийся SVG в формат шрифта True Type Font (.ttf). Для этого можно воспользоваться одним из онлайн-конвертеров: onlinefontconverter или freefontconverter, куда нужно загрузить получившийся SVG и выбрать желаемый формат.
На выходе мы получим обычный шрифт, который можно установить на своем компьютере. Но для того, чтобы получить веб-шрифт, подходящий для всех браузеров и устройств, следует обратиться к Web Font Generator. Загрузив файл шрифта и подтвердив легальность своих действий, мы получим архив со всеми необходимыми файлами. Теперь, ваш символьный шрифт готов к использованию на веб-страницах.
Шрифты в Inkscape
Здравствуйте. Имеется вот какая проблема. Приобрели XY плоттер (Axi Draw v2) для того, чтобы написать им множество конспектов. Но столкнулись вот с чем. Когда открываем pdf файл с конспектом в Inskape, то при его распечатке AxiDraw требует, чтобы мы ОКОНТУРИЛИ объект (это во вкладке «Контур»), но, когда это делаем, то Inskape обводит каждую букву так, что получается минимум два контура. Например буква «О» имеет как внешний контур так и внутренний контур. И плоттер ручкой рисует не букву «О», а два контура! Как мы с Вами знаем, человек так не пишет. Человеку достаточно одной линии!! ВОПРОС. Как заставить Inscape делать контур не с двух сторон буквы, а по букве, т.е. контур должен идти как бы «внутри» буквы и он должен быть один! Как будто ручкой написан. У Inskape есть «Текст Херши» (вкладка РАСШИРЕНИЕ и далее ОТРИСОВКА), который и содержит контур, который идет по букве. И этот контур один. Но в «Тексте Херши» отсутствует возможность выбора того шрифта, который мне нужен. ПОЖАЛУЙСТА, помогите. Как начертить контур «по букве», чтобы ручка XY плоттера писала, как человек, а не выводила мне контуры букв. СПАСИБО.
Antik
10.04.18 23:04:28 MSK
Работа со шрифтами в программе Inkscape
Написать какой-нибудь простой текст в Inkscape. В нашем примере это текст Kiddy Fonts.
Теперь при помощи инструмента Рисовать кривые Безье и прямые линии ( Shift F6 ) нарисуйте небольшую дугу как на рисунке ниже. Надеюсь, с этим сложностей не возникнет.
После этого выделите оба объекта (текст и кривую) — в Inkscape это можно сделать, обведя прямоугольным выделением оба объекта, либо кликнуть по каждому из них с зажатой клавишей Shift . Теперь разместим текст по контуру при помощи команды в меню Текст → Разместить по контуру .
Следующим этапом урока выделите текст и нажмите несколько раз комбинацию клавиш Ctrl L . После этого текст автоматически преобразуется контур, а полученный контр будет упрощен (того же эффекта можно добиться, выбрав в меню Inkscape Контр → Упростить ). После этой операции нашу дугу можно удалить. Вот теперь наш шрифт уже гораздо больше похож на детский!
При желании можно добавить несколько простых эффектов, в Inkscape это можно сделать достаточно быстро. Например, разукрасить все буквы в разные цвета, добавить небольшое свечение и тень, небольшое фоновое изображение — и наш детский шрифт готов!
P.S.: Для новичков скажу, что последний шаг урока лучше всего выполнять в такой последовательности:
1. Два раза продублировать наш контур, один из дубликатов сделать белым (это будет свечение), второй — черным.
2. Изначальный контур разделить на отдельные контуры (одна буква — один контур), это можно сделать при помощи операции Контур → Разбить ( Shift Ctrl A ). После этого назначить каждому контуру свою цветовую заливку. В итоге наши буквы станут разноцветными.
3. Нарисовать эллипс ( F5 ), задать ему небольшое размывание на панели Заливка и обводка ( Shift Ctrl F ) и поместить его позади всех остальных объектов (это можно сделать при помощи клавиши Page Down ).
1. озьмите инструмент текст и напишите какую-нибудь надпись. Мы использовали в этом уроке шрифт Olijo .
2. Теперь сделаем буквы повеселее. Давайте сделаем их наклоненными в разные стороны на разной высоте. Поставьте курсор между буквами текста. Попробуйте, удерживая клавишу Alt , нажать на клавиатуре стрелочки в стороны. Буквы раздвигаются. А если удерживать на клавиатуре комбинацию клавиш Alt+Shift , то раздвигаться буквы будут в десять раз быстрее.
Вы, наверное, уже догадались, что если поставить курсор между буквами текста, удерживая клавишу Alt, нажимать на клавиатуре стрелочки верх и вниз, то буква текста будет подниматься или опускаться.
Ну и финал. Комбинация клавиш Alt+[ и Alt+] поворачивает букву теста. Естественно клавиша Shift вместе с Alt ускоряет и этот процесс тоже.
Придется, конечно, поработать таким способом с каждой буквой, но как показывает практика, это не утомительно, а даже весело.
3. Выделите текст инструментом выделения . Откройте окошко заливки и обводки. Сделать это можно по одноименному пункту в главном меню «Объект» или по комбинации клавиш Shift+Ctrl+F.
Установите цвет заливки сплошной цвет белый и цвет обводки желтый #ffdb00. В inkscape , как в web, к номеру цвета в конце добавляется «FF» (эти два разряда отвечают за прозрачность (альфа-канал): FF — не прозрачный, 00 — абсолютно прозрачный), поэтому на скриншоте ниже этот цвет имеет номер ffdb00ff. Кстати, толщину обводки можно настроить на закладке «Стиль обводки».
4 . Теперь самый эффектный момент. Выделите текст инструментом выделения . Зайдите в главное меню «Контур» и выберите пункт «Связанная втяжка» или нажмите Ctrl+Alt+J . Теперь вы должны увидеть вот такой ромбик вверху контура, как на рисунке ниже.
При этом автоматически активируется инструмент управления узлами . Нажмите им на вышеуказанный ромбик и потяните чуть-чуть вверх. Вот что должно получиться.
Что произошло? Вышеуказанным действием мы создали копию текста, которая привязана контуром к исходному тексту. Выделите теперь инструментом выделения большой текст. Установите цвет заливки сплошной #a2d481 (a2d481ff) и цвет обводки сплошной #599f2c (599f2cff).
5. Для большей реалистичности можно применить к обоим нашим объектам (большой зеленый и малый желтый контуры) эффект тени. Он доступен в меню «Фильтры» — «Свет и тень» — «Отбрасываемая тень…».