Formula 1 Racing sensor

Share your Projects! Custom Integrations
104

The fonts get added as a Dashboard resource.

  1. First of all, create a directory called ‘fonts’ inside you ‘config\www’ directory.
  2. Copy your font files into the fonts directory
  3. Inside the fonts directory create a file called ‘custom-fonts.css’ (see my attached file)
  4. Go to settings-dashboard and select 3-dots menu and select ‘Resources’ - Add Resource.
  5. Enter ‘/local/fonts/custom-fonts.css’ in the URL field, select ‘Stylesheet’ and hit ‘Create’.
  6. Probably clear your browser cache and you should have the fonts available.
  7. Don’t forget to match your font filenames to the entries in the .css file.
/* F1 Bold */
@font-face {
    font-family: 'F1Bold';
    src: url('/local/fonts/formula1-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  /* F1 Regular */
  @font-face {
    font-family: 'F1Regular';
    src: url('/local/fonts/formula1-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  /* F1 Wide */
  @font-face {
    font-family: 'F1Wide';
    src: url('/local/fonts/formula1-wide.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }