How can I use my custom font on all of my H5P activities

Submitted by gareth94 on Wed, 01/25/2023 - 19:36
Forums: 
Content creation

Is it possible to swap out the default font that's currently being used in the activities for my own fonts? I would like to be able to see my custom font when editing/building each activity (instead of the default). I'm using the Divi theme builder if that helps.

Content types: 
Course Presentation
Drag and Drop
otacke's picture

otacke

Wed, 01/25/2023 - 20:09

Yes, you can. https://h5p.org/documentation/for-developers/visual-changes

gareth94

Wed, 01/25/2023 - 20:53

Thanks for your reply. I've followed the steps in the link (for WordPress) but nothing changes for me? The same fonts can be seen in the editor + the frontend?

otacke's picture

otacke

Wed, 01/25/2023 - 22:51

Hi Gareth! 

That plugin merely implements the so called hooks of H5P that allow you to customize it in a variety of ways without changing the original source code (which would cause trouble when new updates of the respective H5P content types are released).

That plugin will install some demo code, but you will need to customize it - remove what you don't need and in particular add the custom CSS to change fonts.

Best,

Oliver