кто нибудь знает способ как задать шрифт в 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 формате шрифт не меняется.
Простой