diff --git a/packages/base/src/FontFace.js b/packages/base/src/FontFace.js index 8ed78b882077..dcff68f699bf 100644 --- a/packages/base/src/FontFace.js +++ b/packages/base/src/FontFace.js @@ -56,6 +56,10 @@ const fontFaceCSS = ` `; const insertFontFace = () => { + if (document.querySelector(`head>style[data-ui5-font-face]`)) { + return; + } + createStyleInHead(fontFaceCSS, { "data-ui5-font-face": "" }); }; diff --git a/packages/main/src/themes/List.css b/packages/main/src/themes/List.css index 141912359857..6f84ef9ef265 100644 --- a/packages/main/src/themes/List.css +++ b/packages/main/src/themes/List.css @@ -52,7 +52,7 @@ box-sizing: border-box; -webkit-text-size-adjust: none; /* To improve readability Mobile Safari automatically increases the size of small text so let's disable this */ font-size: var(--sapFontMediumSize); - font-family: var(--sapFontFamily,var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif)); + font-family: var(--sapFontFamily); line-height: 2rem; background-color: var(--sapList_FooterBackground); color: var(--ui5_list_footer_text_color); diff --git a/packages/main/src/themes/Switch.css b/packages/main/src/themes/Switch.css index 9e2f576a3493..8afb791ba4ec 100644 --- a/packages/main/src/themes/Switch.css +++ b/packages/main/src/themes/Switch.css @@ -69,7 +69,7 @@ min-width: 1.625rem; padding: 0 0.125rem; font-size: var(--sapFontSmallSize); - font-family: "72","72full",Arial,Helvetica,sans-serif; + font-family: var(--sapFontFamily); text-transform: uppercase; text-align: center; color: var(--sapTextColor); diff --git a/packages/main/src/themes/TableCell.css b/packages/main/src/themes/TableCell.css index 623c0f9ddbe0..8f5dc76b6935 100644 --- a/packages/main/src/themes/TableCell.css +++ b/packages/main/src/themes/TableCell.css @@ -1,6 +1,6 @@ :host { display: contents; - font-family: var(--sapFontFamily,var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif)); + font-family: var(--sapFontFamily); font-size: 0.875rem; height: 100%; box-sizing: border-box;