могут быть введены шрифты для элементов SVG в файле CSS?

Question

можно ли каким-либо образом определить/изменить/установить атрибуты шрифта для элементов SVG из связанного файла CSS? или все эти данные должны быть исправлены в самом файле SVG? акцент на «фиксированный». Ик.

Другими словами, выполнялось бы что-то вроде следующего:

SVG:

<svg> 
    <g id="buttonText"> 
    <text id="buttonTextShadow">CLICK ME</text> 
    <text id="buttonTextColor">CLICK ME</text> 
    </g> 
</svg> 

СМЧ:

#buttonTextColor, #buttonTextShadow { font-family: "OpenSans"; } 
#buttonTextColor { color: #fff; } 
#buttonTextShadow { color: #333; } 

было бы неплохо, чтобы иметь возможность предназначаться и стиль этих вещей из таблицы стилей ... если нет, то я буду адаптироваться ...: P

TIA!

WR!

Answer 1

Это похоже на работу, и вы можете настроить таргетинг на id s, если хотите.

<svg> 
    <defs> 
    <style type="text/css"> 
     @font-face { 
     font-family: "OpenSans"; 
     src: url('/path/to/font.woff'); 
     } 

     #buttonText { 
     font-family: "OpenSans"; 
     } 
    </style> 
    </defs> 
    <g id="buttonText"> 
    <text id="buttonTextShadow">CLICK ME</text> 
    <text id="buttonTextColor">CLICK ME</text> 
    </g> 
</svg>