Как сверстать данный текст на картинке (просто он в одном слое, tex-index.svg)?

Question

[olya_097]

Как сверстать данный текст на картинке (просто он в одном слое, tex-index.svg) ?

Answer 1

[Максим]

У вас же готовый SVG просто подключите его в html и всё
SVG открыто в illustrator ?

Comments

[olya_097]

Вы имеете ввиду объединить с фоном текст и сделать картинкой?

[AngReload]

olya_097, SVG - это и есть картинка, браузеры её нормально отображают.

[olya_097]

AngReload, Вы имеете ввиду адаптивно?

[AngReload]

olya_097, я имею в виду, что браузеры, начиная с Internet Explorer 9, помимо привычных JPG, PNG и GIF, также поддерживают формат картинок SVG.
SVG - векторный формат, поэтому при изменении размеров такой картинки, текст в ней будет оставаться чётким, в отличии от JPG, PNG и GIF.

[AngReload]

olya_097, вообще, мне неизвестно что там в SVG. Возможно, придётся конвертировать текст в кривые.

Может быть у вас будет потребность избавиться от SVG и/или перепечатать текст поверх картинки, например из-за требований к поддержке более старых браузеров, для индексирования поисковиками, возможности выделения и копирования текста пользователем, какой-нибудь хитрой адаптивности или ещё чего.