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");}