Wie bestimmen Sie die Schrift-Familie in SVG

Habe ich dieses Stück von SVG-Bild:

<text
     xml:space="preserve"
     style="font-size:18px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:'Arial;Sans';-inkscape-font-specification:'Arial;Sans';font-stretch:normal;font-variant:normal"
     x="11.764346"
     y="192.01521"
     id="text3607"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3609"
       x="11.764346"
       y="192.01521">PCI-E</tspan></text>

welche ich bearbeitet habe, unter linux mit inkscape. Es verwendet die schriftart "sans", das ist unter windows nicht verfügbar. Ich würde gerne geben Sie eine schriftart-Familie, das Schriften enthält, verfügbar auf allen gängigen Betriebssystemen, aber was auch immer syntax, die ich verwenden, es funktioniert nicht. Bisher habe ich versucht:

  • font-family:'Arial' - funktioniert auf windows
  • font-family:'Sans' - arbeiten auf linux
  • font-family:'Sans,Arial' - gebrochen
  • font-family:'Sans;Arial' - gebrochen

Was ist die korrekte syntax für diese Arbeit? Ich wurde rendering das Bild im IE und Firefox, beide scheint das selbe Problem haben.

Dies ist der vollständige source-code von Bild: https://tools.wmflabs.org/paste/view/raw/c47ec7b8

InformationsquelleAutor Petr | 2015-05-04

  1. 7

    damit verändern Sie die Schrift-Familie in svg, sollten Sie zuerst importieren Sie die schriftart in defs in svg wie diese:

    <defs>
    <style type="text/css">@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans|Oswald|Raleway|Roboto|Indie+Flower|Gamja+Flower');</style>
</defs>

    dann können Sie ändern, schriftart-Familie entweder mit einem inline-style oder javascript

    <text xmlns="http://www.w3.org/2000/svg" style="direction:rtl ;font-family:Gamja Flower" id="nametxt" class="text" transform="matrix(1 0 0 1 390 88.44)">text</text>

    und für javascript:

     svgTextNode.style.fontFamily=FontFamily

    InformationsquelleAutor ghazaleh javaheri

  2. 3

    Es scheint, dass problem war ich hatte es eingewickelt in Anführungszeichen. Korrekte syntax (oder zumindest geht es mir):

    font-family:Sans,Arial; (ohne Anführungszeichen)

    Sie nennen einzelne Schriften. In der Tat werden Sie es benötigen, für die Schriftarten mit Leerzeichen im Namen, z.B. "Museo Sans". Allerdings sollten Sie nicht setzen Sie Anführungszeichen um die gesamte Liste.

    InformationsquelleAutor Petr

Schreibe einen Kommentar