Привет.
Подскажите пожалуйста, как так происходит, что при открытии одной и той же картинки с chrome на компьютере и с chrome на телефоне меняется шрифт текста?
На компьютере файл выглядит так (границы по краям букв, просто вырезал ножницами немного белой окантовки):
А на телефоне вот так:
Я совсем не понимаю что происходит. Раньше с svg не сталкивался.
Меняю в коде svg шрифт - ничего не меняется. Меняю там же размер шрифта - размер шрифта изменяется. Стили выглядят так:
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#551900;}
.st1{fill:#551900;}
.st2{font-family:'Lobster';}
.st3{font-size:35px;}
</style>
Вот сам файл .svg.
Подскажите пожалуйста, почему так происходит и как исправить?
UPD: Попробовал через @font-face загрузить шрифт - не помогает почему-то.
<style type="text/css">
@font-face {
font-family: "Lobster";
src: url(прямая-ссылка.woff) format("woff");
}
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#551900;}
.st1{fill:#551900;}
.st2{font-family:'Lobster';}
.st3{font-size:36.5432px;}
</style>
По ссылке шрифт качается без ограничений, но эффекта это не дало.
Простой
