Skip to main content
Inspiring
November 2, 2020
Answered

PDF UTF8 Character rendering Issue - some charaters have overlaps with unwanted inverted color

  • November 2, 2020
  • 3 replies
  • 3988 views

Hi there all,

i have an unexpected rendering behaviour when i open a PDF with special Charaters (polnish) in Acrobat.

These PDFs are intended for print-use and generated by PDF Reactor (service to generate PDF from Webpages/css) the encoding is UTF8, the concerning Font is "Montserrat bold" (https://fonts.google.com/specimen/Montserrat)

 

The issue is, these unexpected rendering glitch does appear in Acrobat Pro (and on import to Photoshop) but NOT if i open the same PDF in Chrome (native PDF view)

(See attached Screenshot)

did anybody know this issue and can provide help /workaround or an explanation?

 

thanks in advance!

best,

 

 

 

This topic has been closed for replies.
Correct answer johannesd88031151

**** SOLVED ****

meanwhile i've solved the issue - intuitively 🙂

 

Here is what happend:

 

tldr: This Issue was - assumetly - from a bad font conversion.

 

Originally, the Font Family Montserat was downloaded from google fonts (ttf format) 

To use it for web, i once utilized a online font converter (font-converter.net) to get web-compatible formats; Open Type, woff, woff2, svg... etc. This online Tool does not just convert any ttf-Font, it creates a @11220649-face-css snippet accordingly. Comes in handy!

 

As i've said, the PDFs were created on a server utilizing PDF Reactor (really great service by the way). After some reasearching (RTFM! 😉 i've found out, PDF Reactor can use ttf format alone, there is no need to have fonts converted to web-font-formats.

 

So, my idea was "use the original ttf, conversion is likely to have issue of those kind". Seems it has indeed. I put on the original, non-converted ttf-Font file from the original source Montserrat.zip online, editied the css that the ttf Format is loaded only @11220649-face- and ... Bingo! My issue was gone. 🙂

 

thanks everyone for helping me as being a total newbie on this forum. 🙂

best,

3 replies

johannesd88031151AuthorCorrect answer
Inspiring
November 3, 2020

**** SOLVED ****

meanwhile i've solved the issue - intuitively 🙂

 

Here is what happend:

 

tldr: This Issue was - assumetly - from a bad font conversion.

 

Originally, the Font Family Montserat was downloaded from google fonts (ttf format) 

To use it for web, i once utilized a online font converter (font-converter.net) to get web-compatible formats; Open Type, woff, woff2, svg... etc. This online Tool does not just convert any ttf-Font, it creates a @11220649-face-css snippet accordingly. Comes in handy!

 

As i've said, the PDFs were created on a server utilizing PDF Reactor (really great service by the way). After some reasearching (RTFM! 😉 i've found out, PDF Reactor can use ttf format alone, there is no need to have fonts converted to web-font-formats.

 

So, my idea was "use the original ttf, conversion is likely to have issue of those kind". Seems it has indeed. I put on the original, non-converted ttf-Font file from the original source Montserrat.zip online, editied the css that the ttf Format is loaded only @11220649-face- and ... Bingo! My issue was gone. 🙂

 

thanks everyone for helping me as being a total newbie on this forum. 🙂

best,

November 3, 2020

Glad you figured it out!

Lesson to learn: PDF is NOT HTML. Therefore use regular fonts.

JR Boulay
Community Expert
Community Expert
November 3, 2020

Untick the "Use local fonts" option and try to play with the 2 other.

 

Acrobate du PDF, InDesigner et Photoshopographe
Inspiring
November 3, 2020

Hey JR Boulay

Thank you for your response too. This one, i've already checked. i found it at a prior research on this forum 🙂

This Montserrat Font is not on my local machine anyway. (To get more context: The PDF is created on a server using PDF Reactor)... Also the enhance thin lines nor smooth line art option does not make any difference on my issue..

best,

Just Shoot Me
Legend
November 2, 2020

In the future, So people don't have to download the image you have attached, please use the Insert Photos icon found in the Tool Bar of the Post and Reply text entry dialog window as pictured below.
Since you Can't Edit your original post to remove the Attached screen shot Please include the screen shot you attached to a new reply to this conversation by clicking the Blue Reply button under your original post and use the Insert Photos icon in the tool bar.
The Insert Photos icon is this one in the Tool Bar.


Thank you.

Inspiring
November 2, 2020

oh, i see.... thanks for the hint, Just Shoot me! 🙂

 

November 3, 2020

When you exported the PDF, did you check the option to embed all fonts? When they're not embedded in the PDF, Acrobat and other PDF renderers will not render all or some characters correctly.