Support » Plugin: SVG Support » svg looks wrong

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hello,

    Make sure to outline any fonts (expand the artwork) in your SVG editor before saving it for web. That should fix the irregularities in the text.

    Let me know how you go.

    katorii

    (@katorii)

    hi, every part of the svg has now an outline, but that doenst fix the problem for mobile 🙁

    katorii

    (@katorii)

    the problem is on mobile and firefox(desktop)

    katorii

    (@katorii)

    the right side is always like cut.

    katorii

    (@katorii)

    force inline svg ! 🙂 okay thank you.

    Plugin Author Benbodhi

    (@benbodhi)

    You shouldn’t have to force an SVG inline… But if it’s working for you now, then that’s great 🙂

    nope, it looks like its fit in the first moment, but with the old svg its the same problem…

    Plugin Author Benbodhi

    (@benbodhi)

    Ok, I think you misunderstood me when I said outline… I don’t mean add a visual outline, I mean you need to expand the object which for text in Illustrator is called “Outline Text”.

    The SVG needs to be completely expanded if you don’t want random behaviour when used on the web. It’s because your fonts are not vector yet.

    In Illustrator, you would select all of your text elements, then go to “Type > Create Outlines”.
    Then for good measure, select all elements in your SVG and go to “Object > Expand”.

    Then it should work as expected, and no need for force inline, just use it like a normal image.

    Plugin Author Benbodhi

    (@benbodhi)

    If you want to send me a copy of the original SVG, I can have a look for you. It would only take 2mins.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.