Figma uses fonts from three different sources. If the same font is available from more than one source, Figma will serve fonts in this order:
- Shared font uploaded to the organization
- Local fonts installed on your device
- Default web fonts provided by Figma
Inter is Figma's interface font and is one of the default fonts we provide in Figma. If you also have Inter installed on your device, Figma will use this version over the one provided by Figma. If your organization uploads Inter as a shared font, Figma will use this version in files.
If editors use different versions of the same font, you may see conflicting fonts. This can appear in any of these ways:
- Missing font warning in some files ↓
- Text shifts or changes format ↓
- Icon fonts turn into text ↓
- Ligatures not working ↓
Missing font warning in some files
The font is an available choice in your Figma file, but some files have the missing font warning modal. This happens when other editors of the file using a different version of the same font.
Text shifts or changes format
The text layer moves or reformats when you edit it (e.g. baseline shifts, changes weight, changes alignment).
This happens when other editors of the file are using a different version of the same font.
Crystal has Inter v3.0 installed on her computer and uses it in a Figma file. A few days later, Joey installs Inter v3.18 and opens the same file. He edits an existing text layer using Inter, and the layer shifts two pixels up. While Crystal and Joey have the same font installed, they were different versions.
Icon fonts turns into text
An icon font turns into a text description of the icon font when you edit or activate the text layer.
Ligatures aren't working
If ligatures aren't working, make sure you've toggled them on in the Type Details panel. If ligatures are on and you're still experiencing the issue, make sure all editors are using the same version of the font.
Fix conflicting font issues
If editors use different versions of the same font, you may have conflicting font issues ↑. To resolve conflicting font issues, all editors in the file need to:
Update the font
- Uninstall and remove the local font from their computer.
- Download and install the font from one common source.
- Restart the desktop or browser app.
Update affected layers
- Select a layer using that font.
- Open the menu or open the quick actions menu.
- Use Select all with same font to select all text layers with that font.
- Use Recompute Text Layout in Selection to reset text to the correct formatting.