Use your own font types for your involve.me projects in addition to the Google Font selection, increase the personalization of your content and boost your brand recognition.
To to make a new custom font available in the editor, please go the the Manage Custom Fonts page in your dashboard.
Custom fonts are only available on the Professional plan or higher. How many custom fonts you can add will depend on your plan.
Click on the "Add custom font" button to continue.
Here you will be able to either enter the links to your font files, or simply upload them to involve.me by clicking the "Upload" button.
The name of your font is internal, you can only see it in the editor. Please be aware that you cannot change it afterwards, but you can remove your font and add it with a new name.
Fonts that are removed will not work in the editor anymore.
You need to add the direct links to your font files, so they need to end with the file extension of the format. All URLs need to start with https and must be directly accessible (no CORS restrictions).
Add as many file formats as possible, the more the better. This way they'll be supported across all browsers. You need to add at least one.
Please be aware that certain fonts may increase the load time of your project. We only load the fonts that are being used in each project.
Only organization owners are able to manage custom fonts. However, Editors can still use them.
After you've added the font, you will be able to select it on any font selection dropdown in the editor.
How to find your font URLs
Even though you can upload your font files to involve.me, if you're hosting them on a public location (eg. your own website) they can also be loaded from there.
Possible hosting locations:
FTP - upload to your own website server
Amazon S3 Bucket or similar cloud storage services
Please be aware that your font files need to be allowed to be loaded from external domains (CORS policy, test your URL here) - you might need to ask your website admin to fix this.
Find the URLs of fonts you already use on your website
You can do the following by using developer tools in either Chrome or Edge:
Open the browser and go to the website from where you need to download the font.
Go to the three dots menu on the browser and click More Tools > Developer Tools or use the Ctrl + Shift + I/Option + Command + I shortcut, for Windows and Mac users respectively.
In the Developer Tools section, click on the double arrow button and then select and open the Network tab from the top menu bar.
Reload the website you are on.
Click on the Font category and you will see a list of the embedded fonts with respective font names present on the website. You can select a font from the list and you will see its preview in the dedicated panel (to identify the font format simply hover the mouse over the font and see the file extension at the end).
Right-click on the font, and then select Copy > Copy link address - this will be the URL you need for involve.me