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