Benutzer Diskussion:Konrad Conrad/Nimbus Sans

aus Wikipedia, der freien Enzyklopädie
(Weitergeleitet von Benutzer Diskussion:Xavax/Nimbus Sans)
Letzter Kommentar: vor 10 Jahren von Patrick87
Zur Navigation springen Zur Suche springen

Die folgende Diskussion bezieht sich auf ein Verfahren zur Schriftersetzung in SVG-Grafiken – hier nachzulesen


Beiträge von Patrick87 und mir aus der Grafikwerkstatt vom 16. Juli 2013 hier einkopiert:


[...]
Der Einsatz von „Nimbus Sans L“ wurde schon öfter an verschiedenen Stellen diskutiert und empfohlen. Ich habe es →hier nocheinmal ausführich zusammengetragen. Es ist zwar etwas umständlich, aber das Ergebnis ist perfekt. Für sachliche Verbesserungen im Artikel auf meiner Disk wäre ich dankbar. Vielleicht wäre es dann sogar einen Abschnitt in Wikipedia:Probleme_mit_SVG wert. Grüße von --Xavax (Diskussion) 01:14, 16. Jul. 2013 (CEST)Beantworten


[...]
Während die Intention hinter dem Artikel sicher richtig ist, stimmt der erste Satz so schonmal nicht und die beschriebene Empfehlung ist unnötig kompliziert. Tatsächlich wird "Arial" durch die MediaWiki-Software nämlich durch die (ebenfalls freie) Schriftart Liberation Sans ersetzt. Diese ist was die Laufweite angeht völlig kompatibel zu Arial (so wie auch die von dir genannte Schriftart Nimbus Sans L). Sehr schön zeigt das die Grafik File:ArialSubstitutionTest.svg. Es besteht damit kein Grund unter Windows erst eine alternative Schriftart zu installieren. Der einfachste Weg ist einfach "Arial" zu verwenden und die Ersetzung Sorge des Servers sein zu lassen. Es entstehen dadurch keine Verschiebungen im gerenderten SVG. Nicht verwendet werden sollte hingegen die Inkscape-Stadardschrift "Sans", denn diese wird unter unter Windows als Arial behandelt, in der Wikipedia jedoch durch die nicht laufweitenkompatible Schriftart Deja Vu Sans ersetzt.

Das Problem das hier oftmals auftritt (und weswegen dann plötzlich ein Stück vom Text abgeschnitten wird) ist ein anderes: Inkscape (und ich vermute die meisten hier benutzen Inkscape zum erstellen von Vektorgrafiken) verwendet kein Font-Hinting. Der SVG Renderer librsvg welcher in der Wikipedia zum Einsatz kommt hingegen schon! Dadurch werden Schriften (insbesondere bei kleinen Größen) zwar klarer dargestellt, allerdings wir auch die Laufweite der Schrift leicht erhöht. Dadurch stimmt das Ergebnis in Inkscape nicht mehr genau mit der Darstellung in der Wikipedia überein. Lösen kann man das Problem durch großzügig bemessene Seitenränder, bzw. gezielt gewählte Textausrichtung (ein Label welches rechts von einer geraden Kante positioniert werden soll wird linksbündig gesetzt, ein Label welches eine Kante von links berühren soll, wird rechtsbündig gesetzt, Text welcher mittig auf ein Objekt platziert wird, wird zentriert gesetzt). Dadurch lassen sich die negativen Auswirkungen der Laufweitenänderungen minimieren und auch wenn sich die Laufweite ändert bleibt die korrekte Position der Elemente erhalten. Überprüfen kann man seine SVG-Datei jederzeit (vor dem Hochladen) mit Hilfe von SVG Check --Patrick87 (Diskussion) 01:47, 16. Jul. 2013 (CEST)Beantworten

Ende der Kopie


Hallo Patrick87,
Das von dir beschriebene Verfahren ist einleuchtend und sicher viel einfacher. Ich kannte es noch nicht. Danke für die ausführliche Beschreibung. Ich finde, dass dieses Thema irgendwo systematisch einsortiert werden sollte, vielleicht wirklich bei Probleme_mit_SVGs. Besonders die wichtigen Hinweise über die richtigen Ausrichtungen der Textobjekte gehören dort hin.

Allerdings halte ich die wirklich mangelhafte Schriftdarstellung von Liberation Sans (siehe Beispiel rechts) für völlig unakzeptabel. Du siehst, dass die Spationierung total hilflos ist, das t klebt am i und bei „Lib“ und „on“ ist viel zuviel Luft. Hat das mit dem von dir beschriebenen Hinting-Verhalten zu tun? Es ist schade, dass man die Schrift als Ersatz für Arial bzw. Helvetica verwendet, denn Nimbus Sans wäre gestalterisch viel besser geeignet. Nur zwei kleine Beispiele, beide rechts zu sehen: Deutlich wird das beim kleinen a – es hat im Abstrich unten einen gerundeten Auslauf im Gegensatz zum a bei der Helvetica oder Arial. Das große S ist viel zu breit im Verhältnis zum zu ersetzenden. Wie überhaupt der Font gestalterisch stark abweicht, die Strichstärken schwanken innerhalb der Glyphen, was das Schriftbild sehr unruhig macht. Die Schrift hat damit einen anderen Charakter als Helvetica oder Arial und ist bei Weitem nicht so perfekt entwickelt. Es geht mir nicht um Geschmacksfragen, sondern um die gestalterisch möglichst nahe Ersetzung. Es mag sein, dass sie im Laufverhalten richtig ist, aber das allein reicht nach meiner Ansicht nicht aus. Sicher, solange die Grafiken nur als Thumbs gezeigt werden, fallen die Abweichungen nur wenig auf, weil die Schrift dann ohnehin sehr klein ist, sobald man sie aber vergrößert, werden Unterschiede deutlich.

All das sind Gründe für mich, einen besser geeigneten Font zu verwenden. In den folgenden vor mir gezeichneten Beispielen, habe ich daher meine – zugegeben umständliche – Methode mit Nimbus Sans L angewandt, die übrigens auch die von dir beschriebene richtige Textausrichtung berücksichtigt:

Ich glaube das Ergebnis spricht für sich, aber es ist sicher nicht für jedermann als Standard-Verfahren geeignet.

Es bleibt das Problem, dass beim lokalen Öffnen einer SVG 'Liberation Sans' ebenso wie 'Nimbus Sans' vorhanden sein muss. Nun sind die Grafiken eigentlich nicht primär zum Weiterverarbeiten gedacht, aber andererseits sollen die Vektordaten ja nicht nur dazu dienen, dem Renderer ein paar vernünftige PNGs zu entlocken, damit diese in den Artikeln möglichst sauber platziert werden können.

Viele Grüße --Xavax (Diskussion) 12:42, 17. Jul. 2013 (CEST)Beantworten


Hallo ihr, Nimbus Sans sieht tatsächlich besser aus. Ein allg. Tutorial wäre sicher nicht schlecht, allerdings denke ich, dass dieses den Rahmen von Help:SVG leicht strapazieren würde. Ich bin eher dafür diese Geschichte hier umseitig zu ergänzen und dann einen Hinweis hierher zu setzen!? -- ΠЄΡΉΛΙΟ 14:40, 17. Jul. 2013 (CEST)Beantworten

  • Ja, die Dokumentation könnte sicher eine Überarbeitung vertragen. Muss sich nur jemand finden der Zeit und Motivation mitbringt ein SmileysymbolVorlage:Smiley/Wartung/;) . Außerdem ist es, insbesondere bei solch fortgeschrittenen Sachverhalten wie wir sie hier diskutieren, oftmals schwer eine Formulierung zu finden, die beim Leser kein großes Fragezeichen ins Gesicht zaubert. Wer macht sich im Normalfall schon Gedanken über Typographie?
Der variierende Zeichenabstand ist ziemlich sicher Resultat von schlechtem Hinting. Ich habe das gleiche Renderbeispiel mal ein einziges Pixel größer eingebunden, und schon hier sieht man, dass sich die Abstände munter verschieben. Wenn du die selbe Grafik sehr groß renderst stimmen die Abstände hingegen. Das wird jedoch auch mit Nimbus nicht besser, ich habe hier mal ein äquivalentes Renderbeispiel erstellt.
Ob nun Liberation Sans oder Nimbus Sans die bessere Wahl ist, mag ich nicht beurteilen, dafür kenne ich mich mit Typographie zu wenig aus. Wenn ich in File:ArialSubstitutionTest.svg "Arial" (wird ja substituiert durch Liberation) und Nimbus direkt miteinander Vergleiche erkenne ich zwar einige Unterschiede, könnte jedoch nicht sagen, dass mir eine Schriftart besser als die andere gefallen würde. --Patrick87 (Diskussion) 14:57, 17. Jul. 2013 (CEST)Beantworten