Known Participant

Answered

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

Forum|Forum|7 years ago
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

Matt-Tech Comm Tools

Correct answer

Community Expert

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

C

CaptLauren

Inspiring

When I look at the source in my HTML5 output for am FM file that is part of a book, I see that it's referencing several different stylesheets: rhstylemapping.css, one that is dedicated the particular file in my book, Styles css (in the responsive_html5_!OverrideStyle! folder, and editstyle.css.

How do I ensure that there is only one stylesheet for the whole book?

Thank you!

Matt-Tech Comm Tools

Community Expert

Perhaps I should move this thread?

I am still getting multiple css file outputs. For testing purposes, I am publishing just a single FM file from my book. I deleted all but the custom css but they are still referenced in the Frame Source code.

Having contacted TechSupport, it appears that I must import my custom CSS file into Publisher settings using the Manage Style feature, and indicate that it is also an override style sheet.

Also FM V2020 is "missing" the Combine Stylesheets feature. I'm afraid that Adobe is having significant growing pains. And, I wonder how well the FrameMaker engineers are communicating with the RoboHelp engineers?

Also, do the CSS files belong in the source content folder, or in the output folder?

A new thread is probably a good idea. This one is from 2018, so if your problem isn't related to serif fonts in numbered lists, it'll be easier to understand in a new thread.

* For anyone finding this message, I believe mapping the para styles to CSS is one of the main issues CaptLauren is having.

-Matt Sullivan, FrameMaker Course Creator, Author, Trainer, Consultant

Hezy A

Inspiring

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.

Jeff_Coatsworth

Community Expert

IIRC, if you change to "Convert to Text" then your style sheet doesn't apply because the resulting HTML doesn't think it's a list.

Hezy A

Inspiring

Well it work correctly for all my help files. So maybe for simple files this is OK?

I am working from FrameMaker directly to the HTML 5 help, using the Frame settings pages without editing the Style sheets. Without any additional changes or editing to the file once i am done. So I do not need to add more items to the list in the html, just use whatever was in the FrameMaker file.

Hezy A

Inspiring

Can you say which version of FrameMaker you are using?

Jeff_Coatsworth

Community Expert

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).

charless80395138Author

Known Participant

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

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.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded