Custom Fonts

  1. Open https://www.fontsquirrel.com/ and download the font you wish to use (.otf format).

  2. Open https://www.fontsquirrel.com/tools/webfont-generator

  3. Upload .otf font downloaded in step 1 and press Download Your Kit button See example

  4. From the downloaded archive upload .woff and .woff2 files to Opencart root directory See example

  5. From the downloaded archive copy the content from stylesheet.css to Journal > System > Settings > Custom Code > CSS See example

  6. Add the new font family in system/library/journal3/data/fonts/system.json See example

  7. Access your admin page (reload window if you are already in admin page) and new font will appear system fonts See example

You will have to repeat step 6 after updating the theme because system/library/journal3/data/fonts/system.json changes will be reverted.