Missing font error not going away after installing required font

Contributor ,
Dec 05, 2020

Copy link to clipboard

Copied

Dear all,

I have an issue I do not fully understand why it is still there after I've theoretically fixed the issue.

I've received a bunch of .svg files to insert in the document I'm currently working on. 

Those files require a font that was not used in said file. 

I installed said font and then imported the first SVG.

Preflight came out with a "Missing font error", which should just not happen. In Finder I can see the file properly, if I open it in another app it shows well. Why does it not work in InDesign?

I am attaching a screenshot of the error, with the portion of the file which shows the text in red not being bold as it should and the original SVG file. 

 

I would really appreciate a helping hand on this. 

Thank you 

Adobe Community Professional
Correct answer by Laubender | Adobe Community Professional

Hi Inélsòre,

here some necessary and extra steps for converting your SVG files from the first batch to AI files with CMYK colors. I mean the ones where the texts are not converted to outlines:

 

[1] Install the needed fonts in your system

[2] Open the SVG file with Adobe Illustrator 2021

Note: There should be no warning of missing fonts at this point.

[3] Change the color mode of the open artwork from RGB to CMYK.

Theoretically, at that point you could save the file as AI file and place it in your layout in InDesign.

 

Practically this is not very wise. Why?

You are preparing an InDesign document for CMYK inks printing (my assumption).

Changing the color mode converts the RGB black to a CMYK black where all the four inks have certain percentages and ink black, the K in CMYK, is not 100%. And that will happen to all of the graphics' fills and strokes and also the text that is in RGB black. What we need is text that is filled with 100 K only. And in your case also all other black elements should be colored in 100 K only.

 

So the some extra steps are necessary to re-color all elements of the graphic in Adobe Illustrator.

The texts as well. For this task you need to know a bit more of Illustrator's features.

E.g. you can select an element and let Illustrator do the hard work to select all other elements of the document that share the same fill color. When done assign the fill color 100 K, that you either have to import or to add to the file.

 

After you also re-colored all stroke elements, if there are some, you:

 

[4] Save the file as AI file with the PDF representation included.

Do not include any ICC color profiles!

[5] Place the AI file and use InDesign's feature Separation Preview to control if the blacks are all use the black ink only.

 

See the following screenshots from my German Illustrator 2021.

 

[A] SVG file opened with Illustrator, text is still editable text.

Swatches panel is open with a list view on the available named swatches:

AI-Steps-01.PNG

 

[B] Convert the document to color mode CMYK.

File > Document Color Mode > CMYK

AI-Steps-02.png

 

[C] The extra info in the document's tab will inform you if this was done successfully:

AI-Steps-03.png

 

[D] Inspect the elements. Switch to "Contour View" with keyboard shortcut Cmd + Y ( when on Mac OS X ) .

What we now can see are two different things: Editable text and a lot of shapes.

At first glance I cannot detect any objects that consist of stroked paths only.

 

AI-Steps-04.png

 

That means we have to deal with fill colors only:

AI-Steps-05.png

How can I be so sure that there are no elements with stroke colors?

 

Now, I selected all elements and inspected the Swatches panel. The fill widget is showing a question mark which means not all elements share the same fills, wheras the stroke widget is clearly showing a mutual property: [None] .

 

AI-Steps-06.png

 

[E] Let's select all black elements with a mutual fill color. Note, all elements in that document are grouped. So to select one single element I use the Direct Selection Tool, the "white" arrow tool:

AI-Steps-07.png

As expected the CMYK swatch applied shows a mix of percentages with every CMYK ink. I'd like to change that to 100% K only. For that I use a menu item that would select all fills with the same fill color as the currently selected one:

AI-Steps-08.png

Note, that two elements, two out of several texts are not selected. Why? Because for whatever reason they do not share the same CMYK black with all other CMYK filled elements. Perhaps a glitch in the process to create that SVG file?

 

In the next step I will add a new CMYK swatch to the Swatches Panel, the selected elements from before are still selected.

I clicked the small black fill widget in the Swatches panel to get the CMYK percentages of the currently applied color:

AI-Steps-09.png

and changed the values to 100% K only:

AI-Steps-10.png

After I hit the OK button the swatch is added to the Swatches Panel and at the same time applied to the selected objects and texts. I select the three missing text elements ( note, that the "F" of "Follower" is on its own ) :

AI-Steps-11.png

and apply the swatch as fill color:

AI-Steps-12.png

 

[F] Then the final of the necessary steps. I save the file with a new name as Adobe Illustrator file with suffix *.ai :

AI-Steps-13.png

 

Important note: The option to embed the ICC color profile is disabled.

The ai file now is production-ready for InDesign.

 

What else could be done?

[1] Inspect the red fill color and change that to your liking.

Also make sure that all red fills use the same swatch.

( You will notice that also the red elements use slightly different red fill colors. )

[2] Store the new swatch(es) in a Library so that you have immediate access when re-coloring the next SVG file.

 

Regards,
Uwe Laubender

( ACP )

TOPICS
Bug, How to

Views

89

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

Missing font error not going away after installing required font

Contributor ,
Dec 05, 2020

Copy link to clipboard

Copied

Dear all,

I have an issue I do not fully understand why it is still there after I've theoretically fixed the issue.

I've received a bunch of .svg files to insert in the document I'm currently working on. 

Those files require a font that was not used in said file. 

I installed said font and then imported the first SVG.

Preflight came out with a "Missing font error", which should just not happen. In Finder I can see the file properly, if I open it in another app it shows well. Why does it not work in InDesign?

I am attaching a screenshot of the error, with the portion of the file which shows the text in red not being bold as it should and the original SVG file. 

 

I would really appreciate a helping hand on this. 

Thank you 

Adobe Community Professional
Correct answer by Laubender | Adobe Community Professional

Hi Inélsòre,

here some necessary and extra steps for converting your SVG files from the first batch to AI files with CMYK colors. I mean the ones where the texts are not converted to outlines:

 

[1] Install the needed fonts in your system

[2] Open the SVG file with Adobe Illustrator 2021

Note: There should be no warning of missing fonts at this point.

[3] Change the color mode of the open artwork from RGB to CMYK.

Theoretically, at that point you could save the file as AI file and place it in your layout in InDesign.

 

Practically this is not very wise. Why?

You are preparing an InDesign document for CMYK inks printing (my assumption).

Changing the color mode converts the RGB black to a CMYK black where all the four inks have certain percentages and ink black, the K in CMYK, is not 100%. And that will happen to all of the graphics' fills and strokes and also the text that is in RGB black. What we need is text that is filled with 100 K only. And in your case also all other black elements should be colored in 100 K only.

 

So the some extra steps are necessary to re-color all elements of the graphic in Adobe Illustrator.

The texts as well. For this task you need to know a bit more of Illustrator's features.

E.g. you can select an element and let Illustrator do the hard work to select all other elements of the document that share the same fill color. When done assign the fill color 100 K, that you either have to import or to add to the file.

 

After you also re-colored all stroke elements, if there are some, you:

 

[4] Save the file as AI file with the PDF representation included.

Do not include any ICC color profiles!

[5] Place the AI file and use InDesign's feature Separation Preview to control if the blacks are all use the black ink only.

 

See the following screenshots from my German Illustrator 2021.

 

[A] SVG file opened with Illustrator, text is still editable text.

Swatches panel is open with a list view on the available named swatches:

AI-Steps-01.PNG

 

[B] Convert the document to color mode CMYK.

File > Document Color Mode > CMYK

AI-Steps-02.png

 

[C] The extra info in the document's tab will inform you if this was done successfully:

AI-Steps-03.png

 

[D] Inspect the elements. Switch to "Contour View" with keyboard shortcut Cmd + Y ( when on Mac OS X ) .

What we now can see are two different things: Editable text and a lot of shapes.

At first glance I cannot detect any objects that consist of stroked paths only.

 

AI-Steps-04.png

 

That means we have to deal with fill colors only:

AI-Steps-05.png

How can I be so sure that there are no elements with stroke colors?

 

Now, I selected all elements and inspected the Swatches panel. The fill widget is showing a question mark which means not all elements share the same fills, wheras the stroke widget is clearly showing a mutual property: [None] .

 

AI-Steps-06.png

 

[E] Let's select all black elements with a mutual fill color. Note, all elements in that document are grouped. So to select one single element I use the Direct Selection Tool, the "white" arrow tool:

AI-Steps-07.png

As expected the CMYK swatch applied shows a mix of percentages with every CMYK ink. I'd like to change that to 100% K only. For that I use a menu item that would select all fills with the same fill color as the currently selected one:

AI-Steps-08.png

Note, that two elements, two out of several texts are not selected. Why? Because for whatever reason they do not share the same CMYK black with all other CMYK filled elements. Perhaps a glitch in the process to create that SVG file?

 

In the next step I will add a new CMYK swatch to the Swatches Panel, the selected elements from before are still selected.

I clicked the small black fill widget in the Swatches panel to get the CMYK percentages of the currently applied color:

AI-Steps-09.png

and changed the values to 100% K only:

AI-Steps-10.png

After I hit the OK button the swatch is added to the Swatches Panel and at the same time applied to the selected objects and texts. I select the three missing text elements ( note, that the "F" of "Follower" is on its own ) :

AI-Steps-11.png

and apply the swatch as fill color:

AI-Steps-12.png

 

[F] Then the final of the necessary steps. I save the file with a new name as Adobe Illustrator file with suffix *.ai :

AI-Steps-13.png

 

Important note: The option to embed the ICC color profile is disabled.

The ai file now is production-ready for InDesign.

 

What else could be done?

[1] Inspect the red fill color and change that to your liking.

Also make sure that all red fills use the same swatch.

( You will notice that also the red elements use slightly different red fill colors. )

[2] Store the new swatch(es) in a Library so that you have immediate access when re-coloring the next SVG file.

 

Regards,
Uwe Laubender

( ACP )

TOPICS
Bug, How to

Views

90

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
Dec 05, 2020 0
Adobe Community Professional ,
Dec 05, 2020

Copy link to clipboard

Copied

I get the missing fonts message in InDesign and in Illustrator. 3 fonts are missing, but if you look carefuly it seems that one of them exists in 2 different versions, one has a space in its name and the other version has no space. So you have to replace the one with a space, which is missing in your file by the other one. This has to be done in the svg file, using Illustrator.

Capture d’écran 2020-12-05 à 14.22.46.jpgCapture d’écran 2020-12-05 à 14.21.53.jpg

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
Reply
Loading...
Dec 05, 2020 0
Contributor ,
Dec 05, 2020

Copy link to clipboard

Copied

Thank you.

I did not get that error in Illustrator but it may have eluded me. 

I think I solved it with brute force: open svg in Illustrator, Save as .ai with PDF compatible mode checked.

Now everything seems smooth.

 

For the records, the designer sent me modified files which did not show the error anymore BUT looked all pixelated, as if something was wrong. 

I'm attaching the (link to the) new one for reference, maybe you can see what's been changed.

https://www.icloud.com/iclouddrive/0yf1cIung4UBZ3PTb6zr3wqmw#24-1

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
Reply
Loading...
Dec 05, 2020 0
Adobe Community Professional ,
Dec 05, 2020

Copy link to clipboard

Copied

The only change in your file is that texts have been outlined, so obviously, there is no more font error. But it has nothing to do  with the pixelated view. Did you check the display performances in InDesign?

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
Reply
Loading...
Dec 05, 2020 0
Contributor ,
Dec 05, 2020

Copy link to clipboard

Copied

That's the same thing the designer asked, but no, I always keep the maximum performance there. 

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
Reply
Loading...
Dec 05, 2020 0
Adobe Community Professional ,
Dec 05, 2020

Copy link to clipboard

Copied

Another thing that can cause missing font errors is using the same font but in different formats. For example, Windows using OpenType format for most of its fonts; the same fonts on Mac are in TrueType mode. This could happen on the same platform too.

 

I'm not saying this is the issue, but if the license allows it, one can copy the OpenType fonts the other computer and replace the TrueType fonts.

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
Reply
Loading...
Dec 05, 2020 1
Adobe Community Professional ,
Dec 08, 2020

Copy link to clipboard

Copied

Hi Inélsòre,

my experience with placed EPS, PDFs and InDesign pages tell me that issue cannot be avoided with your placed 24-1.svg graphic. The only solution is to include the missing font in the placed graphic file. If that is not possible one could convert the graphic to a file format where the missing font can be included. You tried that with your Illustrator file.

 

MissingFontsInSVG-ErrorMessage-1.PNG

 

And as you can see from InDesign's Preflight panel and the Find Font panel as well there are three font styles missing.

If you look into the SVG code you can see that there are three "places" where the missing fonts are used:

 

.cls-1, .cls-4 {
font-family: Academico, Academico;
}

 

.cls-6 {
font-family: AcademicoScaleDegree, Academico ScaleDegree;
}

 

The second instance in the class definition with property font-family describes a possible substitution font.

So AcademicoScaleDegree could be substituted with Academico ScaleDegree. Priority is AcademicoScaleDegree.

 

You could solve the problem if you substitute the fonts by editing the SVG file.

Did that with my installed Minion Pro font family, just to give you one option:

 

.cls-1, .cls-4 {
font-family: "MinionPro-Regular";
}

 

.cls-6 {
font-family: "MinionPro-Bold";
}

 

The result was this:

 

MissingFontsInSVG-Substituted-2.PNG

 

NOTE: The unedited SVG file is also placed in this document. Therefore the three missing font warnings.

 

Regards,
Uwe Laubender

( ACP )

 

// EDITED: Did a new screenshot where the font is selected in the Find Fonts Panel.

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
Reply
Loading...
Dec 08, 2020 2
Adobe Community Professional ,
Dec 08, 2020

Copy link to clipboard

Copied

To come back to the title of that thread:

"Missing font error not going away after installing required font"

 

Could be that the SVG code is not showing the right written name of your installed font.

How is your installed font showing up in your InDesign Character Panel ?

 

Regards,
Uwe Laubender

( ACP )

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
Reply
Loading...
Dec 08, 2020 0
Contributor ,
Dec 08, 2020

Copy link to clipboard

Copied

Thanks Uwe for this thorough investigation.

The installed font is shown as Academico ScaleDegree.

When the designer fixed it by including the font in the svg, it just became pixelated, as if the link was missing.

I could not wait to find a "proper" solution so I just opened it in Illustrator and saved it as .ai

 

I hope this solution is a quite common one

thank you

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
Reply
Loading...
Dec 08, 2020 0
Adobe Community Professional ,
Dec 08, 2020

Copy link to clipboard

Copied

Found a free OTF font named Academico in Regular, Bold, BoldItalic and Italic.

( I am aware that the ScaleDegree version is missing, so this cannot be the missing font! )

 

If I install this font in a Document fonts folder something strange happens:

[1] The placed SVG is still showing a substitution font ( Arial )

[2] The Find Fonts Panel is showing no missing fonts.

 

This could only be a bug with SVG placed graphics and font detection.

 

Will investigate further.

 

Tested with InDesign 2021 version 16.0.1.109 on Windows 10.

 

Regards,
Uwe Laubender

( ACP )

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
Reply
Loading...
Dec 08, 2020 0
Adobe Community Professional ,
Dec 08, 2020

Copy link to clipboard

Copied

This issue is getting scary…

If I substitute the placed and not edited SVG file with itself using the features of the Links Panel the missing fonts warning is missing in the Find Fonts Panel. Wheras if I remove the same placed SVG file and place it again a Missing Fonts warning is issued in the Find Fonts Panel.

 

Hm. Let's see if I can recreate the bug I mentioned in my post before…

 

Regards,
Uwe Laubender

( ACP )

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
Reply
Loading...
Dec 08, 2020 1
Contributor ,
Dec 08, 2020

Copy link to clipboard

Copied

Wow, you are going much deeper than what I would ever go.

May I help you somehow by sending some missing pieces you may need? Such as missing fonts or files? 

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
Reply
Loading...
Dec 08, 2020 0