Home

Getrennte SVG-Textelemente aus Illustrator verhindern

Donnerstag, 18. August 2011 | Autor:

Illus­tra­tor neigt dazu, Text in SVG sehr merk­wür­dig zu kodie­ren. Ins­be­son­de­re zer­fetzt Illus­tra­tor, um des fes­ten Ker­nings wil­len, die Wör­ter. Das heißt jeder Buch­sta­be kommt in ein eige­nes, fest posi­tio­nier­tes Text-Ele­ment! Das macht Illus­tra­tor für Com­mons-Zwe­cke sehr wenig brauch­bar, denn die Beschrif­tun­gen sol­len ein­fach edi­tier­bar blei­ben, damit zum Bei­spiel jeder die SVG-Gra­fik auf ein­fa­che Wei­se in eine ande­re Spra­che über­set­zen kann. Außer­dem schei­tert die­se Vor­ge­hens­wei­se, wenn im Brow­ser des Betrach­ters eine ande­re Schrift­art mit ande­rem Ker­ning benutzt wird.

Um das zu ver­hin­dern, muss man

  1. Bei Tex­ten Gebro­che­ne Brei­ten aktivieren.
  2. Beim Spei­chern als SVG Weni­ger <tspan>-Elemente aus­ge­ben anhaken.

In Bil­dern:

Resultat:

Yay!!

Wobei man hier gleich ein nächs­tes Pro­blem Illus­tra­tors sieht - er (sie?) igno­riert Rechts­bün­dig­keit und kodiert in SVGs ein­fach alles als linksbündig. :/

Tags »

Trackback: