@bbc/psammead-styles - npm Package Compare versions

Comparing version 3.0.0 to 4.0.0

CHANGELOG.md

@@ -6,2 +6,3 @@ # @bbc/psammead-styles Changelog
 |---------|-------------|
+| 4.0.0 | [PR#2229](https://github.com/bbc/psammead/pull/2229) Convert fonts to overridable functions |
 | 3.0.0 | [PR#2250](https://github.com/bbc/psammead/pull/2250) Update Mundo, Brasil and Turkish fonts from Helmet to Reith |
@@ -8,0 +9,0 @@ | 2.3.0 | [PR#2120](https://github.com/bbc/psammead/pull/2120) Add Scottish colour and scotland service to fonts |

dist/fonts.js

@@ -14,3 +14,3 @@ "use strict";
 var baseUrlLatha = 'https://ws-downloads.files.bbci.co.uk/fonts/Latha/v5.90/';
-var baseURlMallanna = 'https://ws-downloads.files.bbci.co.uk/fonts/Mallanna/v1.0.4/';
+var baseUrlMallanna = 'https://ws-downloads.files.bbci.co.uk/fonts/Mallanna/v1.0.4/';
 var baseUrlNotoSansEthiopic = 'https://ws-downloads.files.bbci.co.uk/fonts/NotoSansEthiopic/v1.901/';
@@ -20,95 +20,258 @@ var baseUrlPadauk = 'https://ws-downloads.files.bbci.co.uk/fonts/Padauk/v2.8/';
 
-var F_REITH_SERIF_REGULAR = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
+var F_REITH_SERIF_REGULAR = function F_REITH_SERIF_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_REGULAR = F_REITH_SERIF_REGULAR;
-var F_REITH_SERIF_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_ITALIC = function F_REITH_SERIF_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_ITALIC = F_REITH_SERIF_ITALIC;
-var F_REITH_SERIF_BOLD = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_BOLD = function F_REITH_SERIF_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_BOLD = F_REITH_SERIF_BOLD;
-var F_REITH_SERIF_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_BOLD_ITALIC = function F_REITH_SERIF_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_BOLD_ITALIC = F_REITH_SERIF_BOLD_ITALIC;
-var F_REITH_SERIF_LIGHT = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_LIGHT = function F_REITH_SERIF_LIGHT(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_LIGHT = F_REITH_SERIF_LIGHT;
-var F_REITH_SERIF_LIGHT_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_LIGHT_ITALIC = function F_REITH_SERIF_LIGHT_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_LIGHT_ITALIC = F_REITH_SERIF_LIGHT_ITALIC;
-var F_REITH_SERIF_MEDIUM = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_MEDIUM = function F_REITH_SERIF_MEDIUM(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_MEDIUM = F_REITH_SERIF_MEDIUM;
-var F_REITH_SERIF_MEDIUM_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_MEDIUM_ITALIC = function F_REITH_SERIF_MEDIUM_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_MEDIUM_ITALIC = F_REITH_SERIF_MEDIUM_ITALIC;
-var F_REITH_SERIF_EXTRA_BOLD = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
+
+var F_REITH_SERIF_EXTRA_BOLD = function F_REITH_SERIF_EXTRA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SERIF_EXTRA_BOLD = F_REITH_SERIF_EXTRA_BOLD;
-var F_REITH_SERIF_EXTRA_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }"); // Reith Sans
 
+var F_REITH_SERIF_EXTRA_BOLD_ITALIC = function F_REITH_SERIF_EXTRA_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }");
+}; // Reith Sans
+
+
 exports.F_REITH_SERIF_EXTRA_BOLD_ITALIC = F_REITH_SERIF_EXTRA_BOLD_ITALIC;
-var F_REITH_SANS_REGULAR = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_REGULAR = function F_REITH_SANS_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_REGULAR = F_REITH_SANS_REGULAR;
-var F_REITH_SANS_ITALIC = "\n    @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_ITALIC = function F_REITH_SANS_ITALIC(baseUrlOverride) {
+  return "\n    @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_ITALIC = F_REITH_SANS_ITALIC;
-var F_REITH_SANS_BOLD = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_BOLD = function F_REITH_SANS_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_BOLD = F_REITH_SANS_BOLD;
-var F_REITH_SANS_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_BOLD_ITALIC = function F_REITH_SANS_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_BOLD_ITALIC = F_REITH_SANS_BOLD_ITALIC;
-var F_REITH_SANS_LIGHT = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_LIGHT = function F_REITH_SANS_LIGHT(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_LIGHT = F_REITH_SANS_LIGHT;
-var F_REITH_SANS_LIGHT_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_LIGHT_ITALIC = function F_REITH_SANS_LIGHT_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_LIGHT_ITALIC = F_REITH_SANS_LIGHT_ITALIC;
-var F_REITH_SANS_MEDIUM = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_MEDIUM = function F_REITH_SANS_MEDIUM(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_MEDIUM = F_REITH_SANS_MEDIUM;
-var F_REITH_SANS_MEDIUM_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_MEDIUM_ITALIC = function F_REITH_SANS_MEDIUM_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_MEDIUM_ITALIC = F_REITH_SANS_MEDIUM_ITALIC;
-var F_REITH_SANS_EXTRA_BOLD = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
+
+var F_REITH_SANS_EXTRA_BOLD = function F_REITH_SANS_EXTRA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_EXTRA_BOLD = F_REITH_SANS_EXTRA_BOLD;
-var F_REITH_SANS_EXTRA_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }"); // Reith Sans Condensed
 
+var F_REITH_SANS_EXTRA_BOLD_ITALIC = function F_REITH_SANS_EXTRA_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }");
+}; // Reith Sans Condensed
+
+
 exports.F_REITH_SANS_EXTRA_BOLD_ITALIC = F_REITH_SANS_EXTRA_BOLD_ITALIC;
-var F_REITH_SANS_CONDENSED_REGULAR = "\n    @font-face {\n        font-family: \"ReithSansCondensed\";\n        src: url(\"".concat(baseFontUrl, "BBCReithSansCd_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSansCd_W_Rg.woff\") format(\"woff\");\n        font-display: optional;\n    }");
+
+var F_REITH_SANS_CONDENSED_REGULAR = function F_REITH_SANS_CONDENSED_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n      font-family: \"ReithSansCondensed\";\n      src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Rg.woff\") format(\"woff\");\n      font-display: optional;\n  }");
+};
+
 exports.F_REITH_SANS_CONDENSED_REGULAR = F_REITH_SANS_CONDENSED_REGULAR;
-var F_REITH_SANS_CONDENSED_BOLD = "\n    @font-face {\n        font-family: \"ReithSansCondensed\";\n        font-weight: 700;\n        src: url(\"".concat(baseFontUrl, "BBCReithSansCd_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSansCd_W_Bd.woff\") format(\"woff\");\n        font-display: optional;\n    }"); // BBC Nassim Arabic
 
+var F_REITH_SANS_CONDENSED_BOLD = function F_REITH_SANS_CONDENSED_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n      font-family: \"ReithSansCondensed\";\n      font-weight: 700;\n      src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Bd.woff\") format(\"woff\");\n      font-display: optional;\n  }");
+}; // BBC Nassim Arabic
+
+
 exports.F_REITH_SANS_CONDENSED_BOLD = F_REITH_SANS_CONDENSED_BOLD;
-var F_NASSIM_ARABIC_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimArabic, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimArabic, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimArabic, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+
+var F_NASSIM_ARABIC_REGULAR = function F_NASSIM_ARABIC_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimArabic, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+
 exports.F_NASSIM_ARABIC_REGULAR = F_NASSIM_ARABIC_REGULAR;
-var F_NASSIM_ARABIC_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimArabic, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimArabic, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimArabic, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // BBC Nassim Pashto
 
+var F_NASSIM_ARABIC_BOLD = function F_NASSIM_ARABIC_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimArabic, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // BBC Nassim Pashto
+
+
 exports.F_NASSIM_ARABIC_BOLD = F_NASSIM_ARABIC_BOLD;
-var F_NASSIM_PASHTO_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPashto, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimPashto, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+
+var F_NASSIM_PASHTO_REGULAR = function F_NASSIM_PASHTO_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPashto, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+
 exports.F_NASSIM_PASHTO_REGULAR = F_NASSIM_PASHTO_REGULAR;
-var F_NASSIM_PASHTO_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPashto, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimPashto, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // BBC Nassim Persian
 
+var F_NASSIM_PASHTO_BOLD = function F_NASSIM_PASHTO_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPashto, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // BBC Nassim Persian
+
+
 exports.F_NASSIM_PASHTO_BOLD = F_NASSIM_PASHTO_BOLD;
-var F_NASSIM_PERSIAN_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPersian, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+
+var F_NASSIM_PERSIAN_REGULAR = function F_NASSIM_PERSIAN_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPersian, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian || baseUrlOverride, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPersian, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+
 exports.F_NASSIM_PERSIAN_REGULAR = F_NASSIM_PERSIAN_REGULAR;
-var F_NASSIM_PERSIAN_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPersian, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // BBC Nassim Urdu
 
+var F_NASSIM_PERSIAN_BOLD = function F_NASSIM_PERSIAN_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPersian, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian || baseUrlOverride, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // BBC Nassim Urdu
+
+
 exports.F_NASSIM_PERSIAN_BOLD = F_NASSIM_PERSIAN_BOLD;
-var F_NASSIM_URDU_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimUrdu, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimUrdu, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimUrdu, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+
+var F_NASSIM_URDU_REGULAR = function F_NASSIM_URDU_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimUrdu, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+
 exports.F_NASSIM_URDU_REGULAR = F_NASSIM_URDU_REGULAR;
-var F_NASSIM_URDU_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimUrdu, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimUrdu, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // Iskoola Pota BBC
 
+var F_NASSIM_URDU_BOLD = function F_NASSIM_URDU_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimUrdu, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // Iskoola Pota BBC
+
+
 exports.F_NASSIM_URDU_BOLD = F_NASSIM_URDU_BOLD;
-var F_ISKOOLA_POTA_BBC_REGULAR = "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlIskoolaPotaBBC, "normal.woff') format('woff'), url('").concat(baseUrlIskoolaPotaBBC, "normal.eot') format('eot'), url('").concat(baseUrlIskoolaPotaBBC, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+
+var F_ISKOOLA_POTA_BBC_REGULAR = function F_ISKOOLA_POTA_BBC_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+};
+
 exports.F_ISKOOLA_POTA_BBC_REGULAR = F_ISKOOLA_POTA_BBC_REGULAR;
-var F_ISKOOLA_POTA_BBC_BOLD = "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlIskoolaPotaBBC, "bold.woff') format('woff'), url('").concat(baseUrlIskoolaPotaBBC, "bold.eot') format('eot'), url('").concat(baseUrlIskoolaPotaBBC, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Latha
 
+var F_ISKOOLA_POTA_BBC_BOLD = function F_ISKOOLA_POTA_BBC_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Latha
+
+
 exports.F_ISKOOLA_POTA_BBC_BOLD = F_ISKOOLA_POTA_BBC_BOLD;
-var F_LATHA_REGULAR = "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlLatha, "normal.woff') format('woff'), url('").concat(baseUrlLatha, "normal.eot') format('eot'), url('").concat(baseUrlLatha, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+
+var F_LATHA_REGULAR = function F_LATHA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlLatha, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlLatha, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlLatha, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+};
+
 exports.F_LATHA_REGULAR = F_LATHA_REGULAR;
-var F_LATHA_BOLD = "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlLatha, "bold.woff') format('woff'), url('").concat(baseUrlLatha, "bold.eot') format('eot'), url('").concat(baseUrlLatha, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Mallanna
 
+var F_LATHA_BOLD = function F_LATHA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlLatha, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlLatha, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlLatha, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Mallanna
+
+
 exports.F_LATHA_BOLD = F_LATHA_BOLD;
-var F_MALLANNA_REGULAR = "\n  @font-face {\n    font-family: \"Mallanna\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseURlMallanna, "normal.woff') format('woff'), url('").concat(baseURlMallanna, "normal.eot') format('eot'), url('").concat(baseURlMallanna, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Noto Sans Ethiopic
 
+var F_MALLANNA_REGULAR = function F_MALLANNA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Mallanna\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlMallanna, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlMallanna, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlMallanna, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Noto Sans Ethiopic
+
+
 exports.F_MALLANNA_REGULAR = F_MALLANNA_REGULAR;
-var F_NOTO_SANS_ETHIOPIC_REGULAR = "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlNotoSansEthiopic, "normal.woff') format('woff'), url('").concat(baseUrlNotoSansEthiopic, "normal.eot') format('eot'), url('").concat(baseUrlNotoSansEthiopic, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n  ");
+
+var F_NOTO_SANS_ETHIOPIC_REGULAR = function F_NOTO_SANS_ETHIOPIC_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSansEthiopic, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n  ");
+};
+
 exports.F_NOTO_SANS_ETHIOPIC_REGULAR = F_NOTO_SANS_ETHIOPIC_REGULAR;
-var F_NOTO_SANS_ETHIOPIC_BOLD = "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlNotoSansEthiopic, "bold.woff') format('woff'), url('").concat(baseUrlNotoSansEthiopic, "bold.eot') format('eot'), url('").concat(baseUrlNotoSansEthiopic, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Padauk
 
+var F_NOTO_SANS_ETHIOPIC_BOLD = function F_NOTO_SANS_ETHIOPIC_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSansEthiopic, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Padauk
+
+
 exports.F_NOTO_SANS_ETHIOPIC_BOLD = F_NOTO_SANS_ETHIOPIC_BOLD;
-var F_PADAUK_REGULAR = "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlPadauk, "normal.woff') format('woff'), url('").concat(baseUrlPadauk, "normal.eot') format('eot'), url('").concat(baseUrlPadauk, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+
+var F_PADAUK_REGULAR = function F_PADAUK_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlPadauk, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlPadauk, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlPadauk, "normal.ttf') format('ttf');\n    font-display: swap; \n  }");
+};
+
 exports.F_PADAUK_REGULAR = F_PADAUK_REGULAR;
-var F_PADAUK_BOLD = "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlPadauk, "bold.woff') format('woff'), url('").concat(baseUrlPadauk, "bold.eot') format('eot'), url('").concat(baseUrlPadauk, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Shonar Bangla
 
+var F_PADAUK_BOLD = function F_PADAUK_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlPadauk, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlPadauk, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlPadauk, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Shonar Bangla
+
+
 exports.F_PADAUK_BOLD = F_PADAUK_BOLD;
-var F_SHONAR_BANGLA_REGULAR = "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlShonarBangla, "normal.woff') format('woff'), url('").concat(baseUrlShonarBangla, "normal.eot') format('eot'), url('").concat(baseUrlShonarBangla, "normal.ttf') format('ttf');\n    font-display: optional;\n  }");
+
+var F_SHONAR_BANGLA_REGULAR = function F_SHONAR_BANGLA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlShonarBangla, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "normal.ttf') format('ttf');\n    font-display: optional;\n  }");
+};
+
 exports.F_SHONAR_BANGLA_REGULAR = F_SHONAR_BANGLA_REGULAR;
-var F_SHONAR_BANGLA_BOLD = "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlShonarBangla, "bold.woff') format('woff'), url('").concat(baseUrlShonarBangla, "bold.eot') format('eot'), url('").concat(baseUrlShonarBangla, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+
+var F_SHONAR_BANGLA_BOLD = function F_SHONAR_BANGLA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlShonarBangla, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+
 exports.F_SHONAR_BANGLA_BOLD = F_SHONAR_BANGLA_BOLD;

esm/fonts.js

@@ -8,3 +8,3 @@ var baseFontUrl = 'https://gel.files.bbci.co.uk/r2.511/';
 var baseUrlLatha = 'https://ws-downloads.files.bbci.co.uk/fonts/Latha/v5.90/';
-var baseURlMallanna = 'https://ws-downloads.files.bbci.co.uk/fonts/Mallanna/v1.0.4/';
+var baseUrlMallanna = 'https://ws-downloads.files.bbci.co.uk/fonts/Mallanna/v1.0.4/';
 var baseUrlNotoSansEthiopic = 'https://ws-downloads.files.bbci.co.uk/fonts/NotoSansEthiopic/v1.901/';
@@ -14,54 +14,136 @@ var baseUrlPadauk = 'https://ws-downloads.files.bbci.co.uk/fonts/Padauk/v2.8/';
 
-export var F_REITH_SERIF_REGULAR = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_BOLD = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_LIGHT = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_LIGHT_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_MEDIUM = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_MEDIUM_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_EXTRA_BOLD = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
-export var F_REITH_SERIF_EXTRA_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSerif_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSerif_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }"); // Reith Sans
+export var F_REITH_SERIF_REGULAR = function F_REITH_SERIF_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_ITALIC = function F_REITH_SERIF_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_BOLD = function F_REITH_SERIF_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_BOLD_ITALIC = function F_REITH_SERIF_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_LIGHT = function F_REITH_SERIF_LIGHT(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_LIGHT_ITALIC = function F_REITH_SERIF_LIGHT_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_MEDIUM = function F_REITH_SERIF_MEDIUM(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_MEDIUM_ITALIC = function F_REITH_SERIF_MEDIUM_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_EXTRA_BOLD = function F_REITH_SERIF_EXTRA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SERIF_EXTRA_BOLD_ITALIC = function F_REITH_SERIF_EXTRA_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSerif\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSerif_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }");
+}; // Reith Sans
 
-export var F_REITH_SANS_REGULAR = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
-export var F_REITH_SANS_ITALIC = "\n    @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_BOLD = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_LIGHT = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_LIGHT_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_MEDIUM = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_MEDIUM_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_EXTRA_BOLD = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
-export var F_REITH_SANS_EXTRA_BOLD_ITALIC = "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseFontUrl, "BBCReithSans_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSans_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }"); // Reith Sans Condensed
+export var F_REITH_SANS_REGULAR = function F_REITH_SANS_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Rg.woff\") format(\"woff\");\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_ITALIC = function F_REITH_SANS_ITALIC(baseUrlOverride) {
+  return "\n    @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_It.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_It.woff\") format(\"woff\");\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_BOLD = function F_REITH_SANS_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Bd.woff\") format(\"woff\");\n    font-weight: 700;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_BOLD_ITALIC = function F_REITH_SANS_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_BdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_BdIt.woff\") format(\"woff\");\n    font-weight: 700;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_LIGHT = function F_REITH_SANS_LIGHT(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Lt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Lt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_LIGHT_ITALIC = function F_REITH_SANS_LIGHT_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_LtIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_LtIt.woff\") format(\"woff\");\n    font-weight: 300;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_MEDIUM = function F_REITH_SANS_MEDIUM(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Md.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_Md.woff\") format(\"woff\");\n    font-weight: 500;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_MEDIUM_ITALIC = function F_REITH_SANS_MEDIUM_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_MdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_MdIt.woff\") format(\"woff\");\n    font-weight: 500;\n    font-style: italic;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_EXTRA_BOLD = function F_REITH_SANS_EXTRA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBd.woff\") format(\"woff\");\n    font-weight: 800;\n    font-display: optional;\n  }");
+};
+export var F_REITH_SANS_EXTRA_BOLD_ITALIC = function F_REITH_SANS_EXTRA_BOLD_ITALIC(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"ReithSans\";\n    src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBdIt.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSans_W_ExBdIt.woff\") format(\"woff\");\n    font-weight: 800;\n    font-style: italic;\n    font-display: optional;\n  }");
+}; // Reith Sans Condensed
 
-export var F_REITH_SANS_CONDENSED_REGULAR = "\n    @font-face {\n        font-family: \"ReithSansCondensed\";\n        src: url(\"".concat(baseFontUrl, "BBCReithSansCd_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSansCd_W_Rg.woff\") format(\"woff\");\n        font-display: optional;\n    }");
-export var F_REITH_SANS_CONDENSED_BOLD = "\n    @font-face {\n        font-family: \"ReithSansCondensed\";\n        font-weight: 700;\n        src: url(\"".concat(baseFontUrl, "BBCReithSansCd_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseFontUrl, "BBCReithSansCd_W_Bd.woff\") format(\"woff\");\n        font-display: optional;\n    }"); // BBC Nassim Arabic
+export var F_REITH_SANS_CONDENSED_REGULAR = function F_REITH_SANS_CONDENSED_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n      font-family: \"ReithSansCondensed\";\n      src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Rg.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Rg.woff\") format(\"woff\");\n      font-display: optional;\n  }");
+};
+export var F_REITH_SANS_CONDENSED_BOLD = function F_REITH_SANS_CONDENSED_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n      font-family: \"ReithSansCondensed\";\n      font-weight: 700;\n      src: url(\"".concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Bd.woff2\") format(\"woff2\"), url(\"").concat(baseUrlOverride || baseFontUrl, "BBCReithSansCd_W_Bd.woff\") format(\"woff\");\n      font-display: optional;\n  }");
+}; // BBC Nassim Arabic
 
-export var F_NASSIM_ARABIC_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimArabic, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimArabic, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimArabic, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
-export var F_NASSIM_ARABIC_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimArabic, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimArabic, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimArabic, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // BBC Nassim Pashto
+export var F_NASSIM_ARABIC_REGULAR = function F_NASSIM_ARABIC_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimArabic, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+export var F_NASSIM_ARABIC_BOLD = function F_NASSIM_ARABIC_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Arabic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimArabic, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimArabic, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // BBC Nassim Pashto
 
-export var F_NASSIM_PASHTO_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPashto, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimPashto, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
-export var F_NASSIM_PASHTO_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPashto, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimPashto, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // BBC Nassim Persian
+export var F_NASSIM_PASHTO_REGULAR = function F_NASSIM_PASHTO_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPashto, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+export var F_NASSIM_PASHTO_BOLD = function F_NASSIM_PASHTO_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Pashto\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPashto, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPashto, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // BBC Nassim Persian
 
-export var F_NASSIM_PERSIAN_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPersian, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
-export var F_NASSIM_PERSIAN_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimPersian, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // BBC Nassim Urdu
+export var F_NASSIM_PERSIAN_REGULAR = function F_NASSIM_PERSIAN_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPersian, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian || baseUrlOverride, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPersian, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+export var F_NASSIM_PERSIAN_BOLD = function F_NASSIM_PERSIAN_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Persian\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimPersian, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimPersian || baseUrlOverride, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // BBC Nassim Urdu
 
-export var F_NASSIM_URDU_REGULAR = "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimUrdu, "normal.woff') format('woff'), url('").concat(baseUrlBBCNassimUrdu, "normal.eot') format('eot'), url('").concat(baseUrlBBCNassimUrdu, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
-export var F_NASSIM_URDU_BOLD = "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlBBCNassimUrdu, "bold.woff') format('woff'), url('").concat(baseUrlBBCNassimUrdu, "bold.eot') format('eot'), url('").concat(baseUrlBBCNassimPersian, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n"); // Iskoola Pota BBC
+export var F_NASSIM_URDU_REGULAR = function F_NASSIM_URDU_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimUrdu, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "normal.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};
+export var F_NASSIM_URDU_BOLD = function F_NASSIM_URDU_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"BBC Nassim Urdu\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlBBCNassimUrdu, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlBBCNassimUrdu, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+}; // Iskoola Pota BBC
 
-export var F_ISKOOLA_POTA_BBC_REGULAR = "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlIskoolaPotaBBC, "normal.woff') format('woff'), url('").concat(baseUrlIskoolaPotaBBC, "normal.eot') format('eot'), url('").concat(baseUrlIskoolaPotaBBC, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
-export var F_ISKOOLA_POTA_BBC_BOLD = "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlIskoolaPotaBBC, "bold.woff') format('woff'), url('").concat(baseUrlIskoolaPotaBBC, "bold.eot') format('eot'), url('").concat(baseUrlIskoolaPotaBBC, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Latha
+export var F_ISKOOLA_POTA_BBC_REGULAR = function F_ISKOOLA_POTA_BBC_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+};
+export var F_ISKOOLA_POTA_BBC_BOLD = function F_ISKOOLA_POTA_BBC_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Latha
 
-export var F_LATHA_REGULAR = "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlLatha, "normal.woff') format('woff'), url('").concat(baseUrlLatha, "normal.eot') format('eot'), url('").concat(baseUrlLatha, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
-export var F_LATHA_BOLD = "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlLatha, "bold.woff') format('woff'), url('").concat(baseUrlLatha, "bold.eot') format('eot'), url('").concat(baseUrlLatha, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Mallanna
+export var F_LATHA_REGULAR = function F_LATHA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlLatha, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlLatha, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlLatha, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+};
+export var F_LATHA_BOLD = function F_LATHA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlLatha, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlLatha, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlLatha, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Mallanna
 
-export var F_MALLANNA_REGULAR = "\n  @font-face {\n    font-family: \"Mallanna\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseURlMallanna, "normal.woff') format('woff'), url('").concat(baseURlMallanna, "normal.eot') format('eot'), url('").concat(baseURlMallanna, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Noto Sans Ethiopic
+export var F_MALLANNA_REGULAR = function F_MALLANNA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Mallanna\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlMallanna, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlMallanna, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlMallanna, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Noto Sans Ethiopic
 
-export var F_NOTO_SANS_ETHIOPIC_REGULAR = "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlNotoSansEthiopic, "normal.woff') format('woff'), url('").concat(baseUrlNotoSansEthiopic, "normal.eot') format('eot'), url('").concat(baseUrlNotoSansEthiopic, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n  ");
-export var F_NOTO_SANS_ETHIOPIC_BOLD = "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlNotoSansEthiopic, "bold.woff') format('woff'), url('").concat(baseUrlNotoSansEthiopic, "bold.eot') format('eot'), url('").concat(baseUrlNotoSansEthiopic, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Padauk
+export var F_NOTO_SANS_ETHIOPIC_REGULAR = function F_NOTO_SANS_ETHIOPIC_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSansEthiopic, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "normal.ttf') format('ttf');\n    font-display: swap;\n  }\n  ");
+};
+export var F_NOTO_SANS_ETHIOPIC_BOLD = function F_NOTO_SANS_ETHIOPIC_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Sans Ethiopic\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSansEthiopic, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSansEthiopic, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Padauk
 
-export var F_PADAUK_REGULAR = "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlPadauk, "normal.woff') format('woff'), url('").concat(baseUrlPadauk, "normal.eot') format('eot'), url('").concat(baseUrlPadauk, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
-export var F_PADAUK_BOLD = "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlPadauk, "bold.woff') format('woff'), url('").concat(baseUrlPadauk, "bold.eot') format('eot'), url('").concat(baseUrlPadauk, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n"); // Shonar Bangla
+export var F_PADAUK_REGULAR = function F_PADAUK_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlPadauk, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlPadauk, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlPadauk, "normal.ttf') format('ttf');\n    font-display: swap; \n  }");
+};
+export var F_PADAUK_BOLD = function F_PADAUK_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Padauk\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlPadauk, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlPadauk, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlPadauk, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Shonar Bangla
 
-export var F_SHONAR_BANGLA_REGULAR = "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlShonarBangla, "normal.woff') format('woff'), url('").concat(baseUrlShonarBangla, "normal.eot') format('eot'), url('").concat(baseUrlShonarBangla, "normal.ttf') format('ttf');\n    font-display: optional;\n  }");
-export var F_SHONAR_BANGLA_BOLD = "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlShonarBangla, "bold.woff') format('woff'), url('").concat(baseUrlShonarBangla, "bold.eot') format('eot'), url('").concat(baseUrlShonarBangla, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+export var F_SHONAR_BANGLA_REGULAR = function F_SHONAR_BANGLA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlShonarBangla, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "normal.ttf') format('ttf');\n    font-display: optional;\n  }");
+};
+export var F_SHONAR_BANGLA_BOLD = function F_SHONAR_BANGLA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Shonar Bangla\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlShonarBangla, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlShonarBangla, "bold.ttf') format('ttf');\n    font-display: optional;\n  }\n");
+};

index.test.jsx

 import { testUtilityPackages } from '@bbc/psammead-test-helpers';
 
 const fontsExpectedExports = {
-  F_REITH_SERIF_REGULAR: 'string',
-  F_REITH_SERIF_ITALIC: 'string',
-  F_REITH_SERIF_BOLD: 'string',
-  F_REITH_SERIF_BOLD_ITALIC: 'string',
-  F_REITH_SERIF_LIGHT: 'string',
-  F_REITH_SERIF_LIGHT_ITALIC: 'string',
-  F_REITH_SERIF_MEDIUM: 'string',
-  F_REITH_SERIF_MEDIUM_ITALIC: 'string',
-  F_REITH_SERIF_EXTRA_BOLD: 'string',
-  F_REITH_SERIF_EXTRA_BOLD_ITALIC: 'string',
-  F_REITH_SANS_REGULAR: 'string',
-  F_REITH_SANS_ITALIC: 'string',
-  F_REITH_SANS_BOLD: 'string',
-  F_REITH_SANS_BOLD_ITALIC: 'string',
-  F_REITH_SANS_LIGHT: 'string',
-  F_REITH_SANS_LIGHT_ITALIC: 'string',
-  F_REITH_SANS_MEDIUM: 'string',
-  F_REITH_SANS_MEDIUM_ITALIC: 'string',
-  F_REITH_SANS_EXTRA_BOLD: 'string',
-  F_REITH_SANS_EXTRA_BOLD_ITALIC: 'string',
-  F_REITH_SANS_CONDENSED_REGULAR: 'string',
-  F_REITH_SANS_CONDENSED_BOLD: 'string',
-  F_NASSIM_ARABIC_REGULAR: 'string',
-  F_NASSIM_ARABIC_BOLD: 'string',
-  F_NASSIM_PASHTO_REGULAR: 'string',
-  F_NASSIM_PASHTO_BOLD: 'string',
-  F_NASSIM_PERSIAN_REGULAR: 'string',
-  F_NASSIM_PERSIAN_BOLD: 'string',
-  F_NASSIM_URDU_REGULAR: 'string',
-  F_NASSIM_URDU_BOLD: 'string',
-  F_ISKOOLA_POTA_BBC_REGULAR: 'string',
-  F_ISKOOLA_POTA_BBC_BOLD: 'string',
-  F_LATHA_REGULAR: 'string',
-  F_LATHA_BOLD: 'string',
-  F_MALLANNA_REGULAR: 'string',
-  F_NOTO_SANS_ETHIOPIC_REGULAR: 'string',
-  F_NOTO_SANS_ETHIOPIC_BOLD: 'string',
-  F_PADAUK_REGULAR: 'string',
-  F_PADAUK_BOLD: 'string',
-  F_SHONAR_BANGLA_REGULAR: 'string',
-  F_SHONAR_BANGLA_BOLD: 'string',
+  F_REITH_SERIF_REGULAR: 'function',
+  F_REITH_SERIF_ITALIC: 'function',
+  F_REITH_SERIF_BOLD: 'function',
+  F_REITH_SERIF_BOLD_ITALIC: 'function',
+  F_REITH_SERIF_LIGHT: 'function',
+  F_REITH_SERIF_LIGHT_ITALIC: 'function',
+  F_REITH_SERIF_MEDIUM: 'function',
+  F_REITH_SERIF_MEDIUM_ITALIC: 'function',
+  F_REITH_SERIF_EXTRA_BOLD: 'function',
+  F_REITH_SERIF_EXTRA_BOLD_ITALIC: 'function',
+  F_REITH_SANS_REGULAR: 'function',
+  F_REITH_SANS_ITALIC: 'function',
+  F_REITH_SANS_BOLD: 'function',
+  F_REITH_SANS_BOLD_ITALIC: 'function',
+  F_REITH_SANS_LIGHT: 'function',
+  F_REITH_SANS_LIGHT_ITALIC: 'function',
+  F_REITH_SANS_MEDIUM: 'function',
+  F_REITH_SANS_MEDIUM_ITALIC: 'function',
+  F_REITH_SANS_EXTRA_BOLD: 'function',
+  F_REITH_SANS_EXTRA_BOLD_ITALIC: 'function',
+  F_REITH_SANS_CONDENSED_REGULAR: 'function',
+  F_REITH_SANS_CONDENSED_BOLD: 'function',
+  F_NASSIM_ARABIC_REGULAR: 'function',
+  F_NASSIM_ARABIC_BOLD: 'function',
+  F_NASSIM_PASHTO_REGULAR: 'function',
+  F_NASSIM_PASHTO_BOLD: 'function',
+  F_NASSIM_PERSIAN_REGULAR: 'function',
+  F_NASSIM_PERSIAN_BOLD: 'function',
+  F_NASSIM_URDU_REGULAR: 'function',
+  F_NASSIM_URDU_BOLD: 'function',
+  F_ISKOOLA_POTA_BBC_REGULAR: 'function',
+  F_ISKOOLA_POTA_BBC_BOLD: 'function',
+  F_LATHA_REGULAR: 'function',
+  F_LATHA_BOLD: 'function',
+  F_MALLANNA_REGULAR: 'function',
+  F_NOTO_SANS_ETHIOPIC_REGULAR: 'function',
+  F_NOTO_SANS_ETHIOPIC_BOLD: 'function',
+  F_PADAUK_REGULAR: 'function',
+  F_PADAUK_BOLD: 'function',
+  F_SHONAR_BANGLA_REGULAR: 'function',
+  F_SHONAR_BANGLA_BOLD: 'function',
 };
@@ -46,0 +46,0 @@

package.json

 {
   "name": "@bbc/psammead-styles",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "description": "A collection of string constants for use in CSS, containing non-GEL styling details that are bespoke to specific BBC services and products.",
@@ -5,0 +5,0 @@ "repository": {

src/fonts.js

@@ -20,3 +20,3 @@ const baseFontUrl = 'https://gel.files.bbci.co.uk/r2.511/';
 
-const baseURlMallanna =
+const baseUrlMallanna =
   'https://ws-downloads.files.bbci.co.uk/fonts/Mallanna/v1.0.4/';
@@ -34,13 +34,17 @@
 // Reith Serif
-export const F_REITH_SERIF_REGULAR = `
+export const F_REITH_SERIF_REGULAR = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_Rg.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_Rg.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_Rg.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_Rg.woff") format("woff");
     font-display: optional;
   }`;
 
-export const F_REITH_SERIF_ITALIC = `
+export const F_REITH_SERIF_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_It.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_It.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_It.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_It.woff") format("woff");
     font-style: italic;
@@ -50,6 +54,8 @@ font-display: optional;
 
-export const F_REITH_SERIF_BOLD = `
+export const F_REITH_SERIF_BOLD = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_Bd.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_Bd.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_Bd.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_Bd.woff") format("woff");
     font-weight: 700;
@@ -59,6 +65,8 @@ font-display: optional;
 
-export const F_REITH_SERIF_BOLD_ITALIC = `
+export const F_REITH_SERIF_BOLD_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_BdIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_BdIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_BdIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_BdIt.woff") format("woff");
     font-weight: 700;
@@ -69,6 +77,8 @@ font-style: italic;
 
-export const F_REITH_SERIF_LIGHT = `
+export const F_REITH_SERIF_LIGHT = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_Lt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_Lt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_Lt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_Lt.woff") format("woff");
     font-weight: 300;
@@ -78,6 +88,8 @@ font-display: optional;
 
-export const F_REITH_SERIF_LIGHT_ITALIC = `
+export const F_REITH_SERIF_LIGHT_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_LtIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_LtIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_LtIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_LtIt.woff") format("woff");
     font-weight: 300;
@@ -88,6 +100,8 @@ font-style: italic;
 
-export const F_REITH_SERIF_MEDIUM = `
+export const F_REITH_SERIF_MEDIUM = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_Md.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_Md.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_Md.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_Md.woff") format("woff");
     font-weight: 500;
@@ -97,6 +111,8 @@ font-display: optional;
 
-export const F_REITH_SERIF_MEDIUM_ITALIC = `
+export const F_REITH_SERIF_MEDIUM_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_MdIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_MdIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_MdIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_MdIt.woff") format("woff");
     font-weight: 500;
@@ -107,6 +123,8 @@ font-style: italic;
 
-export const F_REITH_SERIF_EXTRA_BOLD = `
+export const F_REITH_SERIF_EXTRA_BOLD = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_ExBd.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_ExBd.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_ExBd.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_ExBd.woff") format("woff");
     font-weight: 800;
@@ -116,6 +134,8 @@ font-display: optional;
 
-export const F_REITH_SERIF_EXTRA_BOLD_ITALIC = `
+export const F_REITH_SERIF_EXTRA_BOLD_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSerif";
-    src: url("${baseFontUrl}BBCReithSerif_W_ExBdIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSerif_W_ExBdIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSerif_W_ExBdIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSerif_W_ExBdIt.woff") format("woff");
     font-weight: 800;
@@ -128,13 +148,17 @@ font-style: italic;
 
-export const F_REITH_SANS_REGULAR = `
+export const F_REITH_SANS_REGULAR = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_Rg.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_Rg.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_Rg.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_Rg.woff") format("woff");
     font-display: optional;
   }`;
 
-export const F_REITH_SANS_ITALIC = `
+export const F_REITH_SANS_ITALIC = baseUrlOverride => `
     @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_It.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_It.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_It.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_It.woff") format("woff");
     font-style: italic;
@@ -144,6 +168,8 @@ font-display: optional;
 
-export const F_REITH_SANS_BOLD = `
+export const F_REITH_SANS_BOLD = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_Bd.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_Bd.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_Bd.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_Bd.woff") format("woff");
     font-weight: 700;
@@ -153,6 +179,8 @@ font-display: optional;
 
-export const F_REITH_SANS_BOLD_ITALIC = `
+export const F_REITH_SANS_BOLD_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_BdIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_BdIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_BdIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_BdIt.woff") format("woff");
     font-weight: 700;
@@ -163,6 +191,8 @@ font-style: italic;
 
-export const F_REITH_SANS_LIGHT = `
+export const F_REITH_SANS_LIGHT = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_Lt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_Lt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_Lt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_Lt.woff") format("woff");
     font-weight: 300;
@@ -172,6 +202,8 @@ font-display: optional;
 
-export const F_REITH_SANS_LIGHT_ITALIC = `
+export const F_REITH_SANS_LIGHT_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_LtIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_LtIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_LtIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_LtIt.woff") format("woff");
     font-weight: 300;
@@ -182,6 +214,8 @@ font-style: italic;
 
-export const F_REITH_SANS_MEDIUM = `
+export const F_REITH_SANS_MEDIUM = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_Md.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_Md.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_Md.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_Md.woff") format("woff");
     font-weight: 500;
@@ -191,6 +225,8 @@ font-display: optional;
 
-export const F_REITH_SANS_MEDIUM_ITALIC = `
+export const F_REITH_SANS_MEDIUM_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_MdIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_MdIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_MdIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_MdIt.woff") format("woff");
     font-weight: 500;
@@ -201,6 +237,8 @@ font-style: italic;
 
-export const F_REITH_SANS_EXTRA_BOLD = `
+export const F_REITH_SANS_EXTRA_BOLD = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_ExBd.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_ExBd.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_ExBd.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_ExBd.woff") format("woff");
     font-weight: 800;
@@ -210,6 +248,8 @@ font-display: optional;
 
-export const F_REITH_SANS_EXTRA_BOLD_ITALIC = `
+export const F_REITH_SANS_EXTRA_BOLD_ITALIC = baseUrlOverride => `
   @font-face {
     font-family: "ReithSans";
-    src: url("${baseFontUrl}BBCReithSans_W_ExBdIt.woff2") format("woff2"), url("${baseFontUrl}BBCReithSans_W_ExBdIt.woff") format("woff");
+    src: url("${baseUrlOverride ||
+      baseFontUrl}BBCReithSans_W_ExBdIt.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSans_W_ExBdIt.woff") format("woff");
     font-weight: 800;
@@ -221,20 +261,24 @@ font-style: italic;
 // Reith Sans Condensed
-export const F_REITH_SANS_CONDENSED_REGULAR = `
-    @font-face {
-        font-family: "ReithSansCondensed";
-        src: url("${baseFontUrl}BBCReithSansCd_W_Rg.woff2") format("woff2"), url("${baseFontUrl}BBCReithSansCd_W_Rg.woff") format("woff");
-        font-display: optional;
-    }`;
+export const F_REITH_SANS_CONDENSED_REGULAR = baseUrlOverride => `
+  @font-face {
+      font-family: "ReithSansCondensed";
+      src: url("${baseUrlOverride ||
+        baseFontUrl}BBCReithSansCd_W_Rg.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSansCd_W_Rg.woff") format("woff");
+      font-display: optional;
+  }`;
 
-export const F_REITH_SANS_CONDENSED_BOLD = `
-    @font-face {
-        font-family: "ReithSansCondensed";
-        font-weight: 700;
-        src: url("${baseFontUrl}BBCReithSansCd_W_Bd.woff2") format("woff2"), url("${baseFontUrl}BBCReithSansCd_W_Bd.woff") format("woff");
-        font-display: optional;
-    }`;
+export const F_REITH_SANS_CONDENSED_BOLD = baseUrlOverride => `
+  @font-face {
+      font-family: "ReithSansCondensed";
+      font-weight: 700;
+      src: url("${baseUrlOverride ||
+        baseFontUrl}BBCReithSansCd_W_Bd.woff2") format("woff2"), url("${baseUrlOverride ||
+  baseFontUrl}BBCReithSansCd_W_Bd.woff") format("woff");
+      font-display: optional;
+  }`;
 
 // BBC Nassim Arabic
 
-export const F_NASSIM_ARABIC_REGULAR = `
+export const F_NASSIM_ARABIC_REGULAR = baseUrlOverride => `
   @font-face {
@@ -244,3 +288,6 @@ font-family: "BBC Nassim Arabic";
     font-style: normal;
-    src: url('${baseUrlBBCNassimArabic}normal.woff') format('woff'), url('${baseUrlBBCNassimArabic}normal.eot') format('eot'), url('${baseUrlBBCNassimArabic}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimArabic}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlBBCNassimArabic}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimArabic}normal.ttf') format('ttf');
     font-display: optional;
@@ -250,3 +297,3 @@ }
 
-export const F_NASSIM_ARABIC_BOLD = `
+export const F_NASSIM_ARABIC_BOLD = baseUrlOverride => `
   @font-face {
@@ -256,3 +303,6 @@ font-family: "BBC Nassim Arabic";
     font-style: normal;
-    src: url('${baseUrlBBCNassimArabic}bold.woff') format('woff'), url('${baseUrlBBCNassimArabic}bold.eot') format('eot'), url('${baseUrlBBCNassimArabic}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimArabic}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlBBCNassimArabic}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimArabic}bold.ttf') format('ttf');
     font-display: optional;
@@ -264,3 +314,3 @@ }
 
-export const F_NASSIM_PASHTO_REGULAR = `
+export const F_NASSIM_PASHTO_REGULAR = baseUrlOverride => `
   @font-face {
@@ -270,3 +320,6 @@ font-family: "BBC Nassim Pashto";
     font-style: normal;
-    src: url('${baseUrlBBCNassimPashto}normal.woff') format('woff'), url('${baseUrlBBCNassimPashto}normal.eot') format('eot'), url('${baseUrlBBCNassimPersian}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimPashto}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlBBCNassimPashto}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimPashto}normal.ttf') format('ttf');
     font-display: optional;
@@ -276,3 +329,3 @@ }
 
-export const F_NASSIM_PASHTO_BOLD = `
+export const F_NASSIM_PASHTO_BOLD = baseUrlOverride => `
   @font-face {
@@ -282,3 +335,6 @@ font-family: "BBC Nassim Pashto";
     font-style: normal;
-    src: url('${baseUrlBBCNassimPashto}bold.woff') format('woff'), url('${baseUrlBBCNassimPashto}bold.eot') format('eot'), url('${baseUrlBBCNassimPersian}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimPashto}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlBBCNassimPashto}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimPashto}bold.ttf') format('ttf');
     font-display: optional;
@@ -290,3 +346,3 @@ }
 
-export const F_NASSIM_PERSIAN_REGULAR = `
+export const F_NASSIM_PERSIAN_REGULAR = baseUrlOverride => `
   @font-face {
@@ -296,3 +352,6 @@ font-family: "BBC Nassim Persian";
     font-style: normal;
-    src: url('${baseUrlBBCNassimPersian}normal.woff') format('woff'), url('${baseUrlBBCNassimPersian}normal.eot') format('eot'), url('${baseUrlBBCNassimPersian}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimPersian}normal.woff') format('woff'), url('${baseUrlBBCNassimPersian ||
+  baseUrlOverride}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimPersian}normal.ttf') format('ttf');
     font-display: optional;
@@ -302,3 +361,3 @@ }
 
-export const F_NASSIM_PERSIAN_BOLD = `
+export const F_NASSIM_PERSIAN_BOLD = baseUrlOverride => `
   @font-face {
@@ -308,3 +367,6 @@ font-family: "BBC Nassim Persian";
     font-style: normal;
-    src: url('${baseUrlBBCNassimPersian}bold.woff') format('woff'), url('${baseUrlBBCNassimPersian}bold.eot') format('eot'), url('${baseUrlBBCNassimPersian}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimPersian}bold.woff') format('woff'), url('${baseUrlBBCNassimPersian ||
+  baseUrlOverride}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimPersian}bold.ttf') format('ttf');
     font-display: optional;
@@ -316,3 +378,3 @@ }
 
-export const F_NASSIM_URDU_REGULAR = `
+export const F_NASSIM_URDU_REGULAR = baseUrlOverride => `
   @font-face {
@@ -322,3 +384,6 @@ font-family: "BBC Nassim Urdu";
     font-style: normal;
-    src: url('${baseUrlBBCNassimUrdu}normal.woff') format('woff'), url('${baseUrlBBCNassimUrdu}normal.eot') format('eot'), url('${baseUrlBBCNassimUrdu}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimUrdu}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlBBCNassimUrdu}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimUrdu}normal.ttf') format('ttf');
     font-display: optional;
@@ -328,3 +393,3 @@ }
 
-export const F_NASSIM_URDU_BOLD = `
+export const F_NASSIM_URDU_BOLD = baseUrlOverride => `
   @font-face {
@@ -334,3 +399,6 @@ font-family: "BBC Nassim Urdu";
     font-style: normal;
-    src: url('${baseUrlBBCNassimUrdu}bold.woff') format('woff'), url('${baseUrlBBCNassimUrdu}bold.eot') format('eot'), url('${baseUrlBBCNassimPersian}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlBBCNassimUrdu}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlBBCNassimUrdu}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlBBCNassimUrdu}bold.ttf') format('ttf');
     font-display: optional;
@@ -342,3 +410,3 @@ }
 
-export const F_ISKOOLA_POTA_BBC_REGULAR = `
+export const F_ISKOOLA_POTA_BBC_REGULAR = baseUrlOverride => `
   @font-face {
@@ -348,7 +416,10 @@ font-family: "Iskoola Pota BBC";
     font-style: normal;
-    src: url('${baseUrlIskoolaPotaBBC}normal.woff') format('woff'), url('${baseUrlIskoolaPotaBBC}normal.eot') format('eot'), url('${baseUrlIskoolaPotaBBC}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlIskoolaPotaBBC}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlIskoolaPotaBBC}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlIskoolaPotaBBC}normal.ttf') format('ttf');
     font-display: swap;
   }`;
 
-export const F_ISKOOLA_POTA_BBC_BOLD = `
+export const F_ISKOOLA_POTA_BBC_BOLD = baseUrlOverride => `
   @font-face {
@@ -358,3 +429,6 @@ font-family: "Iskoola Pota BBC";
     font-style: normal;
-    src: url('${baseUrlIskoolaPotaBBC}bold.woff') format('woff'), url('${baseUrlIskoolaPotaBBC}bold.eot') format('eot'), url('${baseUrlIskoolaPotaBBC}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlIskoolaPotaBBC}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlIskoolaPotaBBC}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlIskoolaPotaBBC}bold.ttf') format('ttf');
     font-display: swap;
@@ -366,3 +440,3 @@ }
 
-export const F_LATHA_REGULAR = `
+export const F_LATHA_REGULAR = baseUrlOverride => `
   @font-face {
@@ -372,7 +446,10 @@ font-family: "Latha";
     font-style: normal;
-    src: url('${baseUrlLatha}normal.woff') format('woff'), url('${baseUrlLatha}normal.eot') format('eot'), url('${baseUrlLatha}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlLatha}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlLatha}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlLatha}normal.ttf') format('ttf');
     font-display: swap;
   }`;
 
-export const F_LATHA_BOLD = `
+export const F_LATHA_BOLD = baseUrlOverride => `
   @font-face {
@@ -382,3 +459,6 @@ font-family: "Latha";
     font-style: normal;
-    src: url('${baseUrlLatha}bold.woff') format('woff'), url('${baseUrlLatha}bold.eot') format('eot'), url('${baseUrlLatha}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlLatha}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlLatha}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlLatha}bold.ttf') format('ttf');
     font-display: swap;
@@ -390,3 +470,3 @@ }
 
-export const F_MALLANNA_REGULAR = `
+export const F_MALLANNA_REGULAR = baseUrlOverride => `
   @font-face {
@@ -396,3 +476,6 @@ font-family: "Mallanna";
     font-style: normal;
-    src: url('${baseURlMallanna}normal.woff') format('woff'), url('${baseURlMallanna}normal.eot') format('eot'), url('${baseURlMallanna}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlMallanna}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlMallanna}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlMallanna}normal.ttf') format('ttf');
     font-display: swap;
@@ -404,3 +487,3 @@ }
 
-export const F_NOTO_SANS_ETHIOPIC_REGULAR = `
+export const F_NOTO_SANS_ETHIOPIC_REGULAR = baseUrlOverride => `
   @font-face {
@@ -410,3 +493,6 @@ font-family: "Noto Sans Ethiopic";
     font-style: normal;
-    src: url('${baseUrlNotoSansEthiopic}normal.woff') format('woff'), url('${baseUrlNotoSansEthiopic}normal.eot') format('eot'), url('${baseUrlNotoSansEthiopic}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlNotoSansEthiopic}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlNotoSansEthiopic}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlNotoSansEthiopic}normal.ttf') format('ttf');
     font-display: swap;
@@ -416,3 +502,3 @@ }
 
-export const F_NOTO_SANS_ETHIOPIC_BOLD = `
+export const F_NOTO_SANS_ETHIOPIC_BOLD = baseUrlOverride => `
   @font-face {
@@ -422,3 +508,6 @@ font-family: "Noto Sans Ethiopic";
     font-style: normal;
-    src: url('${baseUrlNotoSansEthiopic}bold.woff') format('woff'), url('${baseUrlNotoSansEthiopic}bold.eot') format('eot'), url('${baseUrlNotoSansEthiopic}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlNotoSansEthiopic}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlNotoSansEthiopic}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlNotoSansEthiopic}bold.ttf') format('ttf');
     font-display: swap;
@@ -430,3 +519,3 @@ }
 
-export const F_PADAUK_REGULAR = `
+export const F_PADAUK_REGULAR = baseUrlOverride => `
   @font-face {
@@ -436,7 +525,10 @@ font-family: "Padauk";
     font-style: normal;
-    src: url('${baseUrlPadauk}normal.woff') format('woff'), url('${baseUrlPadauk}normal.eot') format('eot'), url('${baseUrlPadauk}normal.ttf') format('ttf');
-    font-display: swap;
+    src: url('${baseUrlOverride ||
+      baseUrlPadauk}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlPadauk}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlPadauk}normal.ttf') format('ttf');
+    font-display: swap; 
   }`;
 
-export const F_PADAUK_BOLD = `
+export const F_PADAUK_BOLD = baseUrlOverride => `
   @font-face {
@@ -446,3 +538,6 @@ font-family: "Padauk";
     font-style: normal;
-    src: url('${baseUrlPadauk}bold.woff') format('woff'), url('${baseUrlPadauk}bold.eot') format('eot'), url('${baseUrlPadauk}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlPadauk}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlPadauk}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlPadauk}bold.ttf') format('ttf');
     font-display: swap;
@@ -454,3 +549,3 @@ }
 
-export const F_SHONAR_BANGLA_REGULAR = `
+export const F_SHONAR_BANGLA_REGULAR = baseUrlOverride => `
   @font-face {
@@ -460,7 +555,10 @@ font-family: "Shonar Bangla";
     font-style: normal;
-    src: url('${baseUrlShonarBangla}normal.woff') format('woff'), url('${baseUrlShonarBangla}normal.eot') format('eot'), url('${baseUrlShonarBangla}normal.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlShonarBangla}normal.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlShonarBangla}normal.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlShonarBangla}normal.ttf') format('ttf');
     font-display: optional;
   }`;
 
-export const F_SHONAR_BANGLA_BOLD = `
+export const F_SHONAR_BANGLA_BOLD = baseUrlOverride => `
   @font-face {
@@ -470,5 +568,8 @@ font-family: "Shonar Bangla";
     font-style: normal;
-    src: url('${baseUrlShonarBangla}bold.woff') format('woff'), url('${baseUrlShonarBangla}bold.eot') format('eot'), url('${baseUrlShonarBangla}bold.ttf') format('ttf');
+    src: url('${baseUrlOverride ||
+      baseUrlShonarBangla}bold.woff') format('woff'), url('${baseUrlOverride ||
+  baseUrlShonarBangla}bold.eot') format('eot'), url('${baseUrlOverride ||
+  baseUrlShonarBangla}bold.ttf') format('ttf');
     font-display: optional;
   }
 `;

src/index.stories.jsx

@@ -64,6 +64,5 @@ import React from 'react';
 const fontStyles = fontNames.map(x => x.substring(2).replace(/_/g, ' '));
-
 const getFontStyles = fontName => {
   const font = fontNames.find(x => x.includes(fontName.replace(/ /g, '_')));
-  const fontFace = fonts[font] || '';
+  const fontFace = fonts[font]() || '';
   const fontStyle = fontFace
@@ -70,0 +69,0 @@ .replace(/"/g, '')

No alert changes

Improved metrics

Total package byte prevSize

243748

increased by24.22%

Number of package files

36

increased by5.88%

Lines of code

2394

increased by13.57%

No dependency changes