Skip to content

Adding new fonts to the UI

Conor Haining edited this page Dec 20, 2020 · 3 revisions
  1. Go to Fontello, and load in the fontello.config.json file at the root of the UI folder.

  2. Go to then customise names tab and make sure they match what's already in the style.scss, if they don't match then make fontello match what's already there. We do this because the icons are already being used in the HTML so you'd need to update all the uses if the class names changed.

  3. Don't worry about changing the codes, that's fine as long as the CSS classes match.

  4. Press download webfont, copy the items from the /font folder into /src/asset/font

  5. Go to the css folder in the downloaded folder, and look at just the fontello.css file, you should be able to copy and paste that into where the existing font stuff is in the src/styles.scss

Clone this wiki locally