PDF Graphics Not Rendering in Chrome/Edge

New Here ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

Hello,

I'm having an issue with a PDF not displaying correctly when viewed on Chrome or Edge, but look just fine in Acrobat or Reader. I thought it might be having Fast Web View enabled on the document, but even after disabling it behaves the same way.

 

In Adobe products, a particular page heading looks like this:

pdfDisplay001.jpg

 

However, when the document is opened in Chrome or Edge, the headings don't render properly. Also, if I scroll back and forth through the document, the graphic does not stay consistent:

pdfDisplay002.jpg

 

On the preview to the left on Chrome, the headings even look off:

pdfDisplay003.jpg

 

This happens on multiple headings throughout the document, but only on those headings. Is there any idea what causes this? We can't control how the recipients will open these documents and it isn't feasible for us to tell them to only open using Adobe products or it may look crappy. Thanks!

TOPICS
Create PDFs, Edit and convert PDFs, General troubleshooting, Print and prepress

Views

53

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

Wow - that's a strange one!  Have you had a chance to try this PDF on a different system?  Might you be able to share the file so others can see if the issue is reproducible?

My best,

Dave

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

I've attached a heavily redacted version of the file that still has the issue present. It does seem to be somehow related to the font.

 

It's consistently happening on a few different systems. Looks fine in Adobe Reader/Acrobat, but gets wonky when viewed from Chrome or Edge.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

I'm thinking that the font was not properly embedded in the PDF. YOU can see it because that font is installed on your system but others may not have it installed. 

 

Is it a web-sourced font or one ON the computer that generated the PDF?

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

I'm not sure where the font originated. I know our marketing guys do buy extra Adobe fonts, I just don't know if this was one of them or not.

I saw that these headings are using the Proxima Nova font and I can see that it is listed in the properties of the file as something that is included:

mikep73767296_0-1614726238252.png

 

Is it possible that Adobe products pull up the embeded font okay, but however Chrome or Edge try to get it fails?

If this might be resolved by just using a different font, then I imagine that would be a simple enough fix to try.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

I think there is an issue with the gradient applied to the type. Is this logo an .eps? if so, try re-saving it as an .ai or .pdf from Illustrator, and as a last resort, save it as a high res image.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

Ah, that could very easily be possible. Didn't even click that there was a gradiant over that text. I'll see if I can figure out how that was applied and if we can fix it per your suggestions.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

LATEST

I was able to salvage this after opening the pages in Illustrator and making the text outlines. I did have to tell AI to make the borders 1 pxl thick. 

Before in chrome

view in chrome.png

After in chrome

 

view in chrome after AI fix.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines