Преобразовать текст в SVG

Что вы получаете

Один контур на глиф — с правилом заливки, заливкой и обводкой, которые вы задали, и с возможностью дать каждому глифу собственный id, чтобы обращаться к буквам по отдельности из CSS или JavaScript. Либо сварите контуры, когда нужен единый контур на всё слово, — форма, которую обычно предпочитают режущий станок или система иконок.

Правильная верстка, а не простой поиск глифов

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

Используйте свой шрифт

В каталоге более 1900 семейств с открытой лицензией, а вместо них можно закинуть свой TTF или OTF. Загруженные шрифты читаются во вкладке и никуда не отправляются, а значит, лицензионная коммерческая гарнитура остаётся на вашей машине.

Вопросы

Почему не оставить текст как <text>?

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

Останется ли текст доступным для поиска и скринридеров?

После перевода в кривые — нет. Сохраните надпись в aria-label или в элементе title вашей разметки и держите редактируемый исходник для будущих правок.

Можно ли использовать собственный лицензионный шрифт?

Да — загрузите TTF или OTF. Он разбирается в браузере, поэтому файл никогда не покидает вашу машину. Проверьте, разрешает ли лицензия перевод в кривые для вашей задачи.