Как заставить работать эти SVG-шрифты?

Мне нужно динамически создать SVG в моем веб-приложении, и для этого я создаю SVG в Corel и при необходимости изменяю этот файл шаблона в Node.js. Это работает, кроме шрифтов. Для этого проекта мне нужен текст как текст, а не кривые, потому что мне нужно его изменить. Я использую Century Gothic. Я использовал встроенные шрифты, но, видимо, они больше не поддерживаются Chrome и Edge. Однако, если я использовал связанные шрифты, файл отображался неправильно, если у пользователя не был установлен шрифт. В любом из этих случаев ошибки браузер по умолчанию использует Times New Roman. Что я могу сделать, чтобы Century Gothic отображалась во всех браузерах в SVG?


person A Tyshka    schedule 15.11.2017    source источник


Ответы (1)


Вам понадобится веб-шрифт. Century Gothic не находится в свободном доступе, поэтому вам придется либо покупать лицензию, либо использовать альтернативу с открытым исходным кодом. Muli кажется рассматривается как хорошая альтернатива. Чтобы узнать, как использовать внешний поставщик шрифтов, см. это.

person ccprog    schedule 15.11.2017