Hey @bryan — stepping in here for Jay real quick. It looks like you can change the font-size by adding a size key to the font layout object, for example:
{
"title": {
"text": "Total Tests by Independent School",
"font": {
"color": "#3D3D3D",
"size": 16
}
},
"font": {
"family": "Inter",
"color": "#3D3D3D",
"size":20
},
"showlegend": false,
"legend": {
"xanchor": "center",
"x": 0.45,
"y": -0.2,
"orientation": "h"
},
"margin": {
"l": 72,
"r": 24,
"t": 80,
"b": 72,
"pad": 2
},
"hovermode": "closest",
"hoverlabel": {
"bgcolor": "#000",
"bordercolor": "#000",
"font": {
"color": "#fff",
"family": "Inter",
"size": 12
}
},
"clickmode": "select+event",
"dragmode": "select",
"xaxis": {
"title": {
"standoff": 6,
"font": {
"size": 12
}
},
"automargin": true,
"fixedrange": true,
"gridcolor": "#fff",
"zerolinecolor": "#fff"
},
"yaxis": {
"title": {
"standoff": 6,
"font": {
"size": 12
}
},
"type": "bar",
"automargin": true,
"fixedrange": true,
"zerolinecolor": "#DEDEDE"
}
}
Does adding this size key to your base level font object work for your use case here?