You can use both Adobe TypeKit and custom fonts directly in Theme Options. Your new fonts will sync automatically with Theme Options typography elements and with Elementor.
Adobe TypeKit
- go to Theme Options - Global Fonts
- scroll down to Adobe TypeKit and enter your project ID; you can find the project ID in your TypeKit account:
- after clicking Sync, fonts will be added automatically in font selector list
Custom Fonts
- go to Theme Options - Global Fonts
- scroll down to Custom Fonts and click Add New
- set your font name (can be anything), the corresponding font weight and upload the necessary files; it's recommended you upload all file types (for better compatibility), however, some browsers will work with ttf or woff.
- after clicking Add Font, your new font will be added automatically in font selector list
