Martin: SVG/CSS-Fontproblem

Beitrag lesen

Guten Abend,
ich habe ein SVG mit eingebetteter Schriftart (es ist Verdana, ich habe sie Verda umbenannt) und alles funktioniert bestens. Eingebettet sind nur die Zeichen A, B und C. Ein D darf also nicht angezeigt werden.
Wenn ich die Schriftartdefinition in ein CSS auslagere, findet der Adobe SVG-Viewer meine Verda nicht mehr. Verda wird durch eine andere Schriftart ersetzt, deshalb wird auch das D angezeigt.
Was mache ich da falsch?

Vielen Dank für Eure Hilfe

Hier der SVG-Quelltext der eingebetteten Version (geht):
<?xml version="1.0" encoding="utf-8"?>
<svg width="150" height="50" viewBox="0 0 25 15">
  <style type="text/css">
    <![CDATA[
@font-face{font-family:Verda;src:url("data:;base64,\ T1RUTwACACAAAQAAQ0ZGIGhD0d8AAAAsAAACd2NtYXD/xwB4AAACpAAAACwBAAQCAAEBAQhWZXJk\ YW5hAAEBATP4GwH4GAQl/DscC5McCAEFHqAASIKBJf+Lix6gAEiCgSX/i4sMB/cRD4wQ9xURk/kD\ EgABAQEwVmVyZGFuYSBpcyBhIHRyYWRlbWFyayBvZiBNaWNyb3NvZnQgQ29ycG9yYXRpb24AAAEA\ IgIABAIAAQAfAE8BKgHi95QWHAYAHAYAHPoABxz6gPcUFRwFABwFABz7AAYOIBwFXhb7Zwb7Jvgz\ Bf0YBvsm/DMF+10G+LIcBdEF95wG9xD+HBX7mflv+5r9bwUOJBwFK/heFUF9Sm9SHm9SZV1cZlNf\ TmxIeAh4SDWCJBv8pBwF0fhNBvcB3IeDwR/Bg796vHLCbrJnpF4IpF6XVUwaRHlPZ1oeZ1lbY09t\ CIMH8HbaX8VICMVHqDUkGvvh+TMVr4Wpf6Qef6R4n3CabJ1lll6QCI9eVI1JG/uA/EL3lAbJvI6S\ sB+wka2Yqp+qn6KlmKsImKqRsbYa9xP9OxXHgrt5rh55rmqpXKRrnGSWXpAIkF1TjUob+8v8vvea\ BuLSkJTCH8KUuZuuo7Clp6mcrAicrJS2wBoOPhwFRvcAFWZ7anxufW19ZHxbfGJ+X4BcgwiCW1aG\ Uhv7ACmaqjMfMqk+ukrMS8pZ3GftCGfsefcG9xUa9w+c9wGu7B6u7L3czM7KzNi85a0IreTvnPcB\ G9vbgXjbH9p45GnsWgj7f3wHOdA6vTqqCKo6NZsvG0BHf3NPH05yVWVcWF1ZZ0xyPwhxPn4zJxoi\ mTGoQB6nQK9NuFy6WsFmynQIc8nNf9Ab6uWbrN4f3qzZvNTMCJkGDhwIABQcBeMVAAAAAAEAAAAD\ AAAADAAEACAAAAAEAAQAAQAAAEP//wAAAEH////AAAEAAAAA");}
 ]]>
  </style>
  <title>ABC - mehr nicht</title>
  <desc>keine weiteren Buchstaben enthalten</desc>
  <text transform="matrix(1 0 0 1 0 12)"><tspan font-family="Verda">ABCD</tspan></text>
</svg>

Hier der SVG-Quelltext der CSS-Version (geht nicht):
<?xml version="1.0" encoding="utf-8"?>
<?xml:stylesheet type="text/css" href="abc.css"?>
<svg width="150" height="50" viewBox="0 0 25 15">
  <title>ABC - mehr nicht</title>
  <desc>keine weiteren Buchstaben enthalten</desc>
  <text transform="matrix(1 0 0 1 0 12)"><tspan font-family="Verda">ABCD</tspan></text>
</svg>

Hier der CSS-Quelltext (Kopie des Ausschnitts aus dem SVG):
@font-face{font-family:Verda;src:url("data:;base64,\ T1RUTwACACAAAQAAQ0ZGIGhD0d8AAAAsAAACd2NtYXD/xwB4AAACpAAAACwBAAQCAAEBAQhWZXJk\ YW5hAAEBATP4GwH4GAQl/DscC5McCAEFHqAASIKBJf+Lix6gAEiCgSX/i4sMB/cRD4wQ9xURk/kD\ EgABAQEwVmVyZGFuYSBpcyBhIHRyYWRlbWFyayBvZiBNaWNyb3NvZnQgQ29ycG9yYXRpb24AAAEA\ IgIABAIAAQAfAE8BKgHi95QWHAYAHAYAHPoABxz6gPcUFRwFABwFABz7AAYOIBwFXhb7Zwb7Jvgz\ Bf0YBvsm/DMF+10G+LIcBdEF95wG9xD+HBX7mflv+5r9bwUOJBwFK/heFUF9Sm9SHm9SZV1cZlNf\ TmxIeAh4SDWCJBv8pBwF0fhNBvcB3IeDwR/Bg796vHLCbrJnpF4IpF6XVUwaRHlPZ1oeZ1lbY09t\ CIMH8HbaX8VICMVHqDUkGvvh+TMVr4Wpf6Qef6R4n3CabJ1lll6QCI9eVI1JG/uA/EL3lAbJvI6S\ sB+wka2Yqp+qn6KlmKsImKqRsbYa9xP9OxXHgrt5rh55rmqpXKRrnGSWXpAIkF1TjUob+8v8vvea\ BuLSkJTCH8KUuZuuo7Clp6mcrAicrJS2wBoOPhwFRvcAFWZ7anxufW19ZHxbfGJ+X4BcgwiCW1aG\ Uhv7ACmaqjMfMqk+ukrMS8pZ3GftCGfsefcG9xUa9w+c9wGu7B6u7L3czM7KzNi85a0IreTvnPcB\ G9vbgXjbH9p45GnsWgj7f3wHOdA6vTqqCKo6NZsvG0BHf3NPH05yVWVcWF1ZZ0xyPwhxPn4zJxoi\ mTGoQB6nQK9NuFy6WsFmynQIc8nNf9Ab6uWbrN4f3qzZvNTMCJkGDhwIABQcBeMVAAAAAAEAAAAD\ AAAADAAEACAAAAAEAAQAAQAAAEP//wAAAEH////AAAEAAAAA");}