refac: use emotion for registering fonts

src/HTMLPanel.tsx

@@ -8,8 +8,6 @@ import {
 } from '@grafana/data';
 import { config, getTemplateSrv, getLocationSrv, locationService } from '@grafana/runtime';
 import { OptionsInterface, CalcsMutation, ErrorObj, HTMLNodeElement } from 'types';
-import 'fonts.scss';
-import 'fonts/OFL.txt';
 import { parseJSON } from 'utils/parseJSON';
 import _ from 'lodash';
 import { Errors } from 'components/Errors';
@@ -19,6 +17,7 @@ import { triggerPanelwillunmount } from 'utils/events/panelwillunmount';
 import { addHtml } from 'utils/addHtml';
 import { CustomScrollbar, ScrollContainer } from '@grafana/ui';
 import semver from 'semver';
+import './registerFonts';
 
 interface Props extends PanelProps<OptionsInterface> {}
 interface PanelState {

src/registerFonts.ts

@@ -0,0 +1,45 @@
+import { css } from '@emotion/css';
+
+function registerFonts() {
+  css([
+    {
+      '@font-face': {
+        fontFamily: 'Open Sans',
+        src: `url('${__webpack_public_path__}static/fonts/OpenSans-Light.woff2') format('woff2')`,
+        fontWeight: '300',
+        fontStyle: 'normal',
+        fontDisplay: 'swap',
+      },
+    },
+    {
+      '@font-face': {
+        fontFamily: 'Open Sans',
+        src: `url('${__webpack_public_path__}static/fonts/OpenSans-Regular.woff2') format('woff2')`,
+        fontWeight: 'normal',
+        fontStyle: 'normal',
+        fontDisplay: 'swap',
+      },
+    },
+    {
+      '@font-face': {
+        fontFamily: 'Open Sans',
+        src: `url('${__webpack_public_path__}static/fonts/OpenSans-SemiBold.woff2') format('woff2')`,
+        fontWeight: '600',
+        fontStyle: 'normal',
+        fontDisplay: 'swap',
+      },
+    },
+    {
+      '@font-face': {
+        fontFamily: 'Open Sans',
+        src: `url('${__webpack_public_path__}static/fonts/OpenSans-Bold.woff2') format('woff2')`,
+        fontWeight: 'bold',
+        fontStyle: 'normal',
+        fontDisplay: 'swap',
+      },
+    },
+  ]);
+}
+
+// Register fonts when module is loaded
+registerFonts();