Firefox Font problem Responsive HTML5

[Almtuna]

I'm using FM 2019 and have recently started to also publish the documentation as Responsive HTML5. I've just noticed that the font used for the chapter title is replaced on one of Windows 10 computers I'm using, but only when using Firefox:

The middle window is Firefox.

Edge, Chrome and Opera, on the same computer, are all using the desired font.

How can FrameMaker make Firefox to use the specified font?

[Bob_Niland]

kungsgatanAlmtuna: How can FrameMaker make Firefox to use the specified font?

It can't, if this isn't set:

---

about:preferences
Fonts and Colors
☑ Allow pages to choose their own fonts, instead of your selections above

---

If that isn't the problem, I'm out of guesses for the moment.

[Almtuna]

The "Allow pages to choose their own fonts, instead of your selections above" box is checked.

The odd thing is that Firefox on the two other Windows 10 computers I have tested has no problem showing the specified font.

And I've just seen that my ipad (Safari) replaces the font, just like the troublesome Firefox.

[Bob_Niland]

Almtuna: The odd thing is that Firefox on the two other Windows 10 computers I have tested has no problem showing the specified font.

What is the font then, and is it installed on all 3 test machines?
And is it being precisely invoked on all 3, or is this some sort of font fallback artifact?

[Almtuna]

The wanted font is Arial Narrow.

It's installed on a computer where Firefox displays it properly.

It's not installed on the computer where Firefox has it replaced. However, when I now take a closer look I suddenly realize that Edge, Chrome and Opera also have it replaced - which I haven't noticed before. It looks like their choice is the standard Arial font. (Which makes much more sense than the Firefox replacement font.) See below - first Firefox on a computer with Arial Narrow installed, then Edge on the computer without Arial Narrow, and finally Firefox on the computer without Arial Narrow.

 

Can I, in FM2019, specify the replacement font?

[Bob_Niland]

Almtuna: Can I, in FM19, specify the replacement font?

For use inside FM itself, yes (maker.ini, as I recall), but I tend to doubt that expression flows to HTML.
The Publish: HTML5 menu doesn't seem to have anything (I don't publish to HTML from FM).

Perhaps the CSS for the target page template, attribute: font-family.

In any case, many platforms aren't going to have Arial Narrow (or any precisely named font, for that matter), so specifying your own family fallback is likely required.

[Almtuna · Accepted solution]

Problem solved, simply specify both fonts in the Style mapping:

And the result is this, Arial Narrow computer above, and only Arial below.

Thank you for guiding me!