Название неоднозначно; Позвольте мне уточнить: у меня есть изображение svg, которое включает текст, который я хочу отобразить с помощью специального шрифта.
Тем не менее, по-видимому, появляются новые проблемы, которые не появляются при встраивании шрифтов на страницу html. Кроме того, некоторые браузеры (а именно, Firefox), похоже, обрабатывают in-page svg ("в теге img
") иначе, чем при рендеринге svg напрямую.
<defs>
<style>
@font-face {
font-family: "Open Sans";
src: local("Open Sans"),
local("OpenSans"),
url('https://example.com/OpenSans-Regular.eot') format('eot'),
url('https://example.com/OpenSans-Regular.woff') format('woff'),
url('https://example.com/OpenSans-Regular.ttf') format('truetype');
}
/* ...
Насколько я знаю, если бы это была веб-страница, она бы успешно выполнялась практически во всем мире. Однако, как svg, я не могу заставить его работать. Текущий формат работает практически везде, кроме IE10 (и, предположительно, более старых версий): иногда шрифт загружается, а в другое время его нет. Буквально каждое второе обновление использует системный резервный шрифт. Включая файл woff inline в качестве файла с кодировкой base64, но это нарушает его для Safari (и изменение порядка его не исправляет).
Есть ли встроенный шрифт с перекрестным браузером в svg-изображении? (Опять же, я не имею в виду вложение шрифта svg на веб-страницу, но визуализацию встроенного шрифта внутри изображения svg.)