In my custom theme (built with HS boilerplate), my custom font is loading and I’m able to style headings, paragraphs, etc.
But if a rich text field contains bolded text, it’s being ignored. I know the bold font weight is loaded because the headings have it, but when it’s mixed into the rich text field, it doesn’t show. Inspecting the text shows it’s surrounded by span with font-weight:bold.
Note that I’m using the hubspot rich text field module, not a cloned one.
In the screenshot you can see it’s just barely bolder than the rest of the text, which is odd.
How should I be setting up my theme’s font settings? In my fields.json file, I have a body section like this:
{
"label": "Text",
"name": "text",
"type": "group",
"children": [
{
[...]
{
"label": "Body",
"name": "body_font",
"type": "group",
"children": [
{
"label": "Body Font",
"name": "font",
"type": "font",
"visibility": {
"hidden_subfields": {
"styles": true,
"variant": true
}
},
"load_external_fonts": true,
"inherited_value": {
"property_value_paths": {
"color": "theme.global_fonts.primary.color",
"font": "theme.global_fonts.primary.font",
"font_set": "theme.global_fonts.primary.font_set"
}
},
"default": {
"size": 16,
"size_unit": "px"
},
"variant": 400
}
]
},
}
}
In my theme settings you can see the fonts are set here:
What have I missed that is causing the fonts not to load in the rich text field?