oscarhandsome
@oscarhandsome
developer

Как задать шрифт в SVG для img?

кто нибудь знает способ как задать шрифт в svg схеме? я уже что, только не перепробовал...
Сайт тут
css:
@import url('https://fonts.googleapis.com/css?family=Roboto');

#scheme01, object{
    font-family: 'Roboto', sans-serif;
    font-size: 10px; 
    font-style: italic;
}

html:

img  как было в начале, убраны все стили:
                                <img src="assets/img/scheme_01_raw_001.svg" alt="">
                                
                                img , с привзязкой стилей Roboto:
                                <img src="assets/img/scheme_01_raw_001.svg" alt="" style="font-family: Roboto; font-weight: normal; font-style: normal">
                                
                                Обьект как сделал я, с привязкой шрифтов:
                                <svg xmlns="http://www.w3.org/2000/svg">
                                    <defs>
                                        <style type="text/css">
                                            @font-face {
                                                font-family: Roboto;
                                                src: url('assets/fonts/Roboto-Medium.ttf');
                                            }
                                        </style>
                                    </defs>
                                    
                                    <object type="image/svg+xml"
                                            data="assets/img/scheme_01_raw_001.svg">
                                        <img id="scheme01" style="font-family: Roboto"
                                            src="assets/img/scheme_01_raw_001.svg">
                                    </object>
                                </svg>
                                
                                text теги, который предназначены в svg с привязкой стилей:
                                <br>
                                <text x="100" y="100" style="font-family: Roboto; font-weight: 800; font-style: normal; color:white">
                                    Text test 1 - Roboto
                                </text> 
                                <br>
                                <text x="100" y="100" style="font-family: PT Sans; font-weight: 600; font-style: normal; color:white">
                                    Text test 2 - PT Sans
                                </text> 
                                <br>
                                <text x="100" y="100" style="font-family: impact, georgia, times, serif; font-weight: 100; font-style: normal; color:white">
                                    Text test 3 - impact, georgia, times, serif
                                </text>


У тегов шрифт меняется, а вот у изображения в SVG формате шрифт не меняется.
  • Вопрос задан
  • 482 просмотра
Решения вопроса 1
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Sanasol
@Sanasol
нельзя просто так взять и загуглить ошибку
Может быть потому что текст он в векторе в кривых?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы