Я хотел бы использовать пользовательские шрифты в svg, встроенном в веб-страницу. С setattribute я могу использовать Arial... fonts. Я думаю, что эти шрифты встроены в браузер, и я могу использовать его. Но как я могу использовать пользовательские шрифты? В Firefox, когда я использую в css для примера @font-face....
@font-face {
font-family: "ITCGothicBold";
src: url('fonts/ITCGothicBold.ttf') format("truetype");
}
что семейство шрифтов работает на веб-странице Html.
С другой стороны, например, в тексте svg:
<text xml:space="preserve" text-anchor="middle" font-family="ITCGothicBold.ttf" font-size="24" id="svg_1" y="72.83333" x="74.75" stroke-width="0" stroke="#000000" fill="#000000">HELLO</text>
Я хотел бы использовать для примера ITCGothicBold.ttf. Используя setattribute, я могу поместить ITCGothicBold.ttf в атрибут font_family, но ничего не изменится: текст HELLO не изменяется. Кто-нибудь знает, как работать с пользовательским шрифтом в svg, встроенным в веб-страницу? Благодаря
ПРИМЕЧАНИЕ. Полный код, который я использовал, это:
<svg width="612" height="394" xmlns="http://www.w3.org/2000/svg">
<defs>
<style type="text/css">@font-face {
font-family: "ITCGothicBold.ttf";
src: url('fonts/ITCGothicBold.ttf') format("truetype");
}</style>
</defs>
<g>
<title>Calque 1</title>
<text fill="#000000" stroke="#000000" stroke-width="0" x="75.75" y="72.83333" id="svg_1" font-size="24" font-family="ITCGothicBold.ttf" text-anchor="middle" xml:space="preserve">HELLO</text>
</g>
</svg>