Font size
Font size determines how large or small your text appears. It is measured in density-independent pixels to ensure consistency across different screens.
To adjust font size:
- Look for the Typography section in the Design panel. Here, you'll find a numerical dropdown filled with the default font size.
- Clicking the arrow allows you to choose a predefined size, or you can type a specific number directly into the field for custom sizing.
- Additionally, Figma supports quick adjustments via keyboard shortcuts:
- Mac: Press Shift Command and use the < key to increase size or the > key to decrease size.
- Windows: Hold down Ctrl Shift while pressing < to enlarge or > to shrink the text.
When translating designs to code, screen resolution affects text size. You can find the CSS pixel values in Dev mode's Typography section. For PDF exports, Figma renders font sizes in traditional print points (pt).