use hoverlabel font for main and group titles

Author: archmoj

draftlogs/5895_fix.md

@@ -1 +1 @@
- - Use hoverlabel.font for group titles and increase the size of main hover label in unified hover modes
+ - Use hoverlabel.font for group titles in unified hover modes

src/components/fx/hover.js

@@ -1030,16 +1030,12 @@ function createHoverText(hoverData, opts, gd) {
 
         // mock legend
         var hoverlabel = fullLayout.hoverlabel;
+        var font = hoverlabel.font;
         var mockLayoutIn = {
             showlegend: true,
             legend: {
-                title: {
-                    text: t0,
-                    font: Lib.extendFlat({}, hoverlabel.font, {
-                        size: Math.round(hoverlabel.font.size * 1.2) // larger font size
-                    })
-                },
-                font: hoverlabel.font,
+                title: {text: t0, font: font},
+                font: font,
                 bgcolor: hoverlabel.bgcolor,
                 bordercolor: hoverlabel.bordercolor,
                 borderwidth: 1,
@@ -1086,9 +1082,7 @@ function createHoverText(hoverData, opts, gd) {
 
         // Draw unified hover label
         mockLegend._inHover = true;
-        mockLegend._groupTitleFont = Lib.extendFlat({}, hoverlabel.font, {
-            size: Math.round(hoverlabel.font.size * 1.1) // larger font size
-        });
+        mockLegend._groupTitleFont = font;
         legendDraw(gd, mockLegend);
 
         // Position the hover