Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

SVG Images are not rendering texts properly

I have encountered issues when uploading SVGs into pages where my texts are not properly rendered. - See After Publishing

 

I have a SVG file with default system font (Segoe UI) but it does not properly rendered when I publish this. I can't have an option to upload JPEG since I'm using diagrams such as flowchart. - Texts are getting blurred. 

Does we have alternative solution for this? Thank you!

Original SVG file (redacting some text due to data confidentiality)

before-publishing.jpg

 

After Publishing:

after-publishing.jpg

5 comments

I have the same issue (see below). I tried various font-families and they all produce the same result. once the page is published and reloaded the font turns into there rectangles. 

 

Would appreciate any help on the matter. Thanks!

font-not-working.png

I just ran into this very same issue myself.

Also ran into this issue. Exported an image from the draw.io app as SVG, uploaded it to a confluence page and it showed that it rendered correctly at first but after I saved the page and reload the browser tab the letters became squares as seen in the other pictures in this thread.

I also noticed that when I was adding more svgs, the previews of the previous svgs would have squares in them even though they at first rendered correctly in the confluence page.

For now I've switched back to use pngs, but it's not as nice since they come out a little blurry.

Same issue here.
Editor displays SVG text correctly, but I also get the empty rectangles when viewing the page in Confluence.
Strangely (or not), viewing the page in Jira Service Desk shows correct text.

Additional note:

This article from Draw.io help site offers a good explanation, and a way to fix it (at least for SVG produced by Draw.io)
https://desk.draw.io/support/solutions/articles/16000042487-learn-why-text-in-exported-svg-images-may-not-display-correctly

Similar issue. Image and text look great in editor, and even looks good initially after publishing. But when I refresh the page the image is blurry and the text, while not rendered as rectangles, is rendered disproportionate to the rest of the image.

Comment

Log in or Sign up to comment
TAGS
Community showcase
Published in Confluence

Confluence Mythbusters: Does Atlassian even use Confluence?

Hi, Confluence collaborators! As part of #Confluence-Collaboratory month, we’ve created a very special Mythsbusters segment, where we're dive into an interesting myth and uncover the truth behind i...

1,711 views 7 32
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you