Custom fonts - Orbit Fox module
π Note: This module is part of the Orbit Fox plugin. For more information about the plugin, please check the main documentation.
For a more diverse appearance of your website, this module will help you to use a custom font, with any WordPress theme, and it also has integration with our latest theme, Neve.
π² Activating the Module
- 1
- Navigate to Orbit Fox > General Settings.
- 2
- Scroll down until you find the Custom Fonts module and enable it.
π§° Using the Module
This article is divided into two parts, covering both cases:
π‘ Integration with Neve
Navigate to Appearance > Custom Fonts set a name, and upload the font according to the file type.
π Note: The file extension needs to be in .ttf (all lower case) for you to be able to upload the file successfully.
After uploading the custom font, navigate to Appearance > Customize > Typography and search for the name that you have set for the font.
π Integration with any WordPress theme
Navigate to Appearance > Custom Fonts set a name, and upload the font according to the file type ( similar to the process described above ).
The font is now ready to be used via custom CSS code. Code snippets like the following one can be added into the Additional CSS editor within the Customizer.
.element-to-be-edited { font-family: 'ThemeIsle Font'; //ThemeIsle Font is the name you gave your font when you've added it }