How to include self-hosted fonts?

[jdahdah]

It's not clear from the documentation how to include self-hosted fonts. I tried including it via the stylesheets key:

stylesheets:
  - https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap
  - ./static/assets/fonts/scto-grotesk-a.css

But this is causing the following error:

Failed to compile
./gatsby/__redocly__css_stub.js

Source
./gatsby/__redocly__css_stub.js
Module not found: Can't resolve '../../../../../../static/assets/fonts/scto-grotesk-a.css' in '/Users/jerome/Development/XXXX/node_modules/@redocly/developer-portal/dist/engine/gatsby'
This error occurred during the build process and can only be dismissed by fixing the error.

Is this possible?

[jdahdah]

Solved by overriding App.tsx as per this example.