Fonts
Use installed fonts, import font files into the project, or pick from Google Fonts.
The font picker in the text inspector has three sources, each previewed in its own face: fonts in this Project, Google Fonts, and fonts Installed on your Mac. Search with Search fonts, pick a family, then a weight.
Import a font file
- Open the font picker and choose Add font file… (TTF · OTF · WOFF), or drag a font file onto EaseKit.
- Pick a
.ttf,.otfor.wofffile (.woff2works when macOS can read it). - The font is copied into the project's assets, so it travels with the project and share links.
Google Fonts
Choose any Google font from the list. EaseKit downloads it on demand and keeps a cached copy in ~/Library/Application Support/MoveKit/Fonts. When the AI names a Google font, it downloads automatically too.
Missing fonts
If a project uses a font that isn't available, the picker shows a warning badge and Replace…, and the stage uses the system font meanwhile. Click Replace… to pick another font, or add the font's file.
Fonts in exports
| Export | How fonts travel |
|---|---|
| HTML | Imported fonts are inlined; Google Fonts are linked |
| Share links | Imported fonts and cached Google fonts are inlined (the page can't load anything from the network) |
| CSS, Motion (React), Web Animations | @import for Google Fonts and @font-face for files in a fonts/ folder next to the code |
| SwiftUI | Font.custom with setup notes for adding the files to your app target |
| Lottie | The font's name and origin: Google stylesheet, fonts/<file> next to the .json, or installed on the device |
| Video, GIF, PNG | Rendered as pixels, nothing to install |
Troubleshooting
| If this happens | Try this |
|---|---|
| A Google font shows as the system font | It's still downloading, or you're offline. It appears once it's cached. |
A .woff2 file won't import | macOS couldn't decode it. Convert it to .ttf or .otf. |