fix(sdk): load custom font files when font is set to custom (#44432)

* load custom font family

* always return custom font family

* add tests for returning custom font family

enterprise/frontend/src/embedding-sdk/components/private/SdkContentWrapper.unit.spec.tsx

+import { renderWithProviders } from "__support__/ui";
+import { SdkContentWrapper } from "embedding-sdk/components/private/SdkContentWrapper";
+import {
+  createMockSettingsState,
+  createMockState,
+} from "metabase-types/store/mocks";
+
+describe("SdkContentWrapper", () => {
+  it("injects the font-face declaration when available", () => {
+    const state = createMockState({
+      settings: createMockSettingsState({
+        "application-font-files": [
+          {
+            src: "https://example.com/foo.woff2",
+            fontFormat: "woff2",
+            fontWeight: 700,
+          },
+        ],
+      }),
+    });
+
+    renderWithProviders(<SdkContentWrapper />, { storeInitialState: state });
+
+    const rules = Array.from(document.styleSheets).flatMap(sheet =>
+      Array.from(sheet.cssRules || []),
+    );
+
+    const fontFaceRule = rules.find(
+      rule =>
+        rule.constructor.name === "CSSFontFaceRule" &&
+        rule.cssText.includes("foo.woff2"),
+    )!;
+
+    expect(fontFaceRule).toBeDefined();
+    expect(fontFaceRule.cssText).toContain("font-weight: 700");
+  });
+});

frontend/src/metabase/styled-components/selectors.ts

@@ -17,13 +17,6 @@ export const getFont = createSelector(
   },
 );
 
-export const getFontFiles = createSelector(
-  [getSettings, getEmbedOptions],
-  (settings, embedOptions) => {
-    if (embedOptions.font) {
-      return [];
-    } else {
-      return settings["application-font-files"];
-    }
-  },
-);
+export const getFontFiles = createSelector([getSettings], settings => {
+  return settings["application-font-files"];
+});