: Why is my text messed up when converting a PDF to SVG? I'm trying to convert a PDF to a vector image so that I can display it online. When I convert it to SVG, it doesn't convert the font

I'm trying to convert a PDF to a vector image so that I can display it online.
When I convert it to SVG, it doesn't convert the font glyphs correctly.
When I convert to SWF, it is perfect, but I would rather use SVG.

SVG Rendering (download link):

Click image for full size

PDF Rendering (download link):

Click image for full size

What is going on? Is SWF superior to SVG or is this because of a bad converter?

10.01% popularity Vote Up Vote Down

: Completing or offering a dying art form I ask these questions to know what some would do when faced with an art form you have experience with but it is being replaced by better technology.

@Sent7350415

Posted in: #Skillset

2 Comments

: What is an optimal time limit to meet with potential clients? I was interested to know what some go by when meeting with a new client and discussing their options and trying to figure out

@Sent7350415

Posted in: #ClientRelations #Workflow

2 Comments

: How do I make changes to the mesh when I've already started to make animations? I'm animating a character with bones, using keyframes. The character is made up of a skeleton and a bunch of

@Sent7350415

Posted in: #Animation #Maya

1 Comments

: What sort of structure does the slice tool generate when exported as HTML? When I used the slice tool on each part and export as HTML, does it generate a skeletal HTML code where it consists

@Sent7350415

Posted in: #AdobePhotoshop #Export #Gimp #Html #Slices

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Pierce403

Why this is happening:

The PDF is embedding your font, the SVG is not. When I try and open the PDF in Illustrator, it yells at me for all the fonts I don't have installed:

The font CMBX10 is missing. Affected text will be displayed using a substitute font.
The font CMEX10 is missing. Affected text will be displayed using a substitute font.
The font CMMI10 is missing. Affected text will be displayed using a substitute font.
The font CMMI8 is missing. Affected text will be displayed using a substitute font.
The font CMR10 is missing. Affected text will be displayed using a substitute font.
The font CMR8 is missing. Affected text will be displayed using a substitute font.
The font CMSY10 is missing. Affected text will be displayed using a substitute font.
The font CMSY8 is missing. Affected text will be displayed using a substitute font.
The font CMTI10 is missing. Affected text will be displayed using a substitute font.
The font MSBM10 is missing. Affected text will be displayed using a substitute font.

Your SVG will just tell the rendering agent to grab whatever font is convenient, and in this case it makes your rendered output look crummy.

How you can fix it:

Option 1: Embed all those fonts in the SVG

Rather than explain how to do this, just go check the answer to this question: How do I embed Google Web Fonts into an SVG?

Option 2: Outline all the text

Assuming you're using Inkscape (since the SVG source code told me so), I believe all you'd have to do is select the text objects then use Path → Object to Path

This will make the file size considerably larger. I'd try Option 1 before this. Also, the text will no longer be editable.

10% popularity Vote Up Vote Down

Feed

: Why is my text messed up when converting a PDF to SVG? I'm trying to convert a PDF to a vector image so that I can display it online. When I convert it to SVG, it doesn't convert the font

More posts by @Sent7350415

: Completing or offering a dying art form I ask these questions to know what some would do when faced with an art form you have experience with but it is being replaced by better technology.

: What is an optimal time limit to meet with potential clients? I was interested to know what some go by when meeting with a new client and discussing their options and trying to figure out

: How do I make changes to the mesh when I've already started to make animations? I'm animating a character with bones, using keyframes. The character is made up of a skeleton and a bunch of

: What sort of structure does the slice tool generate when exported as HTML? When I used the slice tool on each part and export as HTML, does it generate a skeletal HTML code where it consists

Login to post a comment!

1 Comments

Back to top | Use Dark Theme