[SalesForce] font-weight: bold; does NOT work but background-color: yellow; works in visualforce PDF

I have a class within a .css file in static resource like so:

.bold-font-thin-top-border-bg-yellow { 
    width: 100%; 
    font-weight: bold; 
    border-top-style: solid; 
    border-width: thin; 
    background-color: yellow; 
}

There is an apex:column in a VF page, that is rendered as PDF, that uses above in its styleClass attribute. Everything works except the font is NOT bold.

What am I missing?

Best Answer

This appears to be an issue with Salesforce PDF engine (at least with API version 34).

Adding font-family: sans-serif; fixed the problem:

.bold-font-thin-top-border-bg-yellow { 
    font-family: sans-serif;
    width: 100%;
    font-weight: bold; 
    border-top-style: solid;
    border-width: thin;
    background-color: yellow; 
}
Related Topic