diff --git a/packages/connect-popup/src/static/popup.html b/packages/connect-popup/src/static/popup.html
index 347d7aba335a..e8cd3a72fdcc 100644
--- a/packages/connect-popup/src/static/popup.html
+++ b/packages/connect-popup/src/static/popup.html
@@ -17,6 +17,9 @@
+
+
+
diff --git a/packages/connect-popup/webpack/prod.webpack.config.ts b/packages/connect-popup/webpack/prod.webpack.config.ts
index b4dc8605b443..d78143a55f98 100644
--- a/packages/connect-popup/webpack/prod.webpack.config.ts
+++ b/packages/connect-popup/webpack/prod.webpack.config.ts
@@ -81,6 +81,7 @@ export default {
},
],
}),
+ // legacy fonts, should be removed once refactoring into React is finished
new CopyPlugin({
patterns: [
{
@@ -89,6 +90,14 @@ export default {
},
],
}),
+ new CopyPlugin({
+ patterns: [
+ {
+ from: `${path.join(__dirname, '../../suite-data/files/fonts')}`,
+ to: `${DIST}/fonts`,
+ },
+ ],
+ }),
new CopyPlugin({
patterns: [
{
diff --git a/packages/connect-ui/src/index.tsx b/packages/connect-ui/src/index.tsx
index b112a2c31d5a..6ab8fa8f7010 100644
--- a/packages/connect-ui/src/index.tsx
+++ b/packages/connect-ui/src/index.tsx
@@ -11,6 +11,7 @@ import { ErrorView, ErrorViewProps } from './views/Error';
import { ThemeWrapper } from './support/ThemeWrapper';
import { IntlWrapper } from './support/IntlWrapper';
import { ErrorBoundary } from './support/ErrorBoundary';
+import { GlobalStyle } from './support/GlobalStyle';
export type ConnectUIProps = TransportProps | PassphraseProps | ErrorViewProps;
@@ -31,6 +32,7 @@ export const ConnectUI = (props: ConnectUIProps) => {
return (
+
{/* todo: load translations from somewhere and pass them to intl */}
{getComponent()}
diff --git a/packages/connect-ui/src/support/GlobalStyle.tsx b/packages/connect-ui/src/support/GlobalStyle.tsx
new file mode 100644
index 000000000000..c6e7e8febadd
--- /dev/null
+++ b/packages/connect-ui/src/support/GlobalStyle.tsx
@@ -0,0 +1,7 @@
+import { createGlobalStyle } from 'styled-components';
+
+export const GlobalStyle = createGlobalStyle`
+ * {
+ font-family: "TT Hoves", -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+ }
+`;