contiago-toolbar/app/global-styles.js

One of the options for outputting content from contiago xml-server

import { injectGlobal } from 'styled-components';

/* eslint no-unused-expressions: 0 */
injectGlobal`
  @font-face {
    font-family: 'Open Sans Regular';
    src: url('https://cdn.jsdelivr.net/npm/contiago-toolbar@latest/app/vendor/fonts/OpenSans-Regular.ttf');
  }

  @font-face {
    font-family: 'Open Sans Bold';
    src: url('https://cdn.jsdelivr.net/npm/contiago-toolbar@latest/app/vendor/fonts/OpenSans-Bold.ttf');
  }

  @font-face {
    font-family: 'Open Sans SemiBold';
    src: url('https://cdn.jsdelivr.net/npm/contiago-toolbar@latest/app/vendor/fonts/OpenSans-SemiBold.ttf');
  }

  @font-face {
    font-family: 'Open Sans Condensed Light';
    src: url('https://cdn.jsdelivr.net/npm/contiago-toolbar@latest/app/vendor/fonts/OpenSansCondensed-Light.ttf');
  }
  html,
  body {
    height: 100%;
    width: 100%;
  }

  body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }

  body.fontLoaded {
    font-family: 'Open Sans Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }

  #app {
    background-color: #fafafa;
    min-height: 100%;
    min-width: 100%;
  }

  p,
  label {
    font-family: Georgia, Times, 'Times New Roman', serif;
    line-height: 1.5em;
  }
`;