02. Adding Fonts

In order to use fonts with Genie, we will need to add them to the Genie fonts page. You will want to add all of the fonts you personally use, and if you are a Pro or Premium member, this is also where you will place all of the fonts your clients use as well.

Adding Custom Fonts:

1. Click the + Button in the top corner of the “Custom Fonts” box.
2. Locate the font on your computer, select it, and upload it.

Adding Google Fonts:

1. Click the plus button at the top of the “Google Fonts” box.
2. Select the fonts you want to use, and hit the X to close out of the menu. If you need to see a preview of the font before selecting it, head over to Google Fonts and type in the font in question.
3. The Google fonts you selected will now be displayed in your list.

Adding Adobe Fonts:

1. Navigate to Adobe Fonts and sign in with your credentials.
2. Locate the font that you would like to use.
3. Add the specific font to an Adobe web project.
4. Click the + at the top of the Adobe Font’s box.
5. Copy over the font family name. Note: make sure to NOT copy the semi-colon.
6. Copy over the web project .
7. Click save and close the window.
8. The Adobe font should now appear on your list of fonts.