Хочу сделать SVG текстом, и затем использовать его как background-image.
Вставлять буду из спрайта или инлайном.
Но, не могу понять как рассчитывается viewBox.
К примеру, как для текста "Привет", рассчитать размеры viewBox, в примере ниже поставил их наугад.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 35">
<text x="0" y="50" font-family="Verdana" font-size="35px" fill="gray">Привет</text>
</svg>
Еще не понял как использовать стили:
font-stretch - Сжатие и растяжение текста. Возможные значения: normal (по умолчанию) | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
text-anchor - Выравнивание текста относительно начала строки. Возможные значения: start (по умолчанию), middle, end
но скорее последние вопросы закроются, если разобраться с viewBox.
Простой
