Skip to main content
charless80395138
Known Participant
December 5, 2018
Answered

FrameMaker: Listed Numbers Serif Font, Text is Sans Serif?

  • December 5, 2018
  • 4 replies
  • 3036 views

Does anyone know why, after HTML5 output, my listed numbers are serif but all my text is sans serif? Thanks.

This topic has been closed for replies.
Correct answer Matt-Tech Comm Tools

The reason your numbers are in Sans Serif is because the default CSS doesn't specify a base font.

(Yes, it would be nice if Adobe fixed this. I've requested this previously at adobe.com/go/wish, and you should do the same)

You can add either a body or html entry that specifies the font you want to use in your base css to remedy this.

More complete instructions on this are in the Manage CSS section in my post at

https://techcommtools.com/formatting-branding-html5-content-framemaker-2015/

-Matt

4 replies

Matt-Tech Comm Tools
Community Expert
Matt-Tech Comm ToolsCommunity ExpertCorrect answer
Community Expert
December 6, 2018

The reason your numbers are in Sans Serif is because the default CSS doesn't specify a base font.

(Yes, it would be nice if Adobe fixed this. I've requested this previously at adobe.com/go/wish, and you should do the same)

You can add either a body or html entry that specifies the font you want to use in your base css to remedy this.

More complete instructions on this are in the Manage CSS section in my post at

https://techcommtools.com/formatting-branding-html5-content-framemaker-2015/

-Matt

-Matt Sullivan, FrameMaker Course Creator, Author, Trainer, Consultant
charless80395138
Known Participant
December 6, 2018

Thanks Matt, I'll try adding a html or body entry to my base css and see if it works.

Hezy A
Inspiring
December 6, 2018

I think that the answer is

Change the setting for auto-number to convert to text, as shown below.

If this does not work then, iscrepancies in the HTML 5 file always tell me that the FrameMaker source is not really set up correctly.

I suggest going back to the Frame file and verifying that this style is set up correctly there.

Sometimes something looks OK in Frame, but is not really set up correctly.

Matt-Tech Comm Tools
Community Expert
Community Expert
December 6, 2018

Careful when using the Convert to Text option. Your font will be fixed, but your hanging indents will no longer work.

-Matt

-Matt Sullivan, FrameMaker Course Creator, Author, Trainer, Consultant
Jeff_Coatsworth
Community Expert
Community Expert
December 6, 2018

Also, somewhat off topic but since we're already there, about hanging indents in HTML5:

How do I adjust my hanging indents after bullets if the text creates a new line (for HTML5 output)? I'd prefer there not to be any. There are no hanging indents in my FM file but after outputting to HTML5:


You want "power" to line up under "Protect" right? IIRC, that's all controlled by the CSS.

Hezy A
Inspiring
December 6, 2018

Can you say which version of FrameMaker you are using?

Jeff_Coatsworth
Community Expert
Community Expert
December 5, 2018

Probably because your CSS is either telling it to look that way (or it's NOT telling it to look as a sans-serif & the default is serif).

charless80395138
Known Participant
December 5, 2018

Thanks. My CSS is telling it to be sans-serif, though. This is what's there:

p.FM_bulleted_numbers {
               
                color:#000000;
                font-family:"Neue Helvetica W02" ,"Helvetica Neue" ,Helvetica,Arial,sans-serif;
}

p.FM_bulleted_numbers 2 {
               
                color:#000000;
                font-family:"Neue Helvetica W02" ,"Helvetica Neue" ,Helvetica,Arial,sans-serif;

Jeff_Coatsworth
Community Expert
Community Expert
December 5, 2018

Are there other CSS files present in your output? Maybe they are being referenced in addition to yours? I'd check the HTML source to see what's being used. There used to be a bug in the RoboHelp engine (starting around RH11) that drives the FM HTML generation and gave each page 2 CSS file references - and whatever was the last one mentioned set the rule for how it appeared.