---
title: "Core — font"
canonical: https://sky-ui.cf.sky.com/core/system/font
---

# Core — font

Applying the `font` system modifier to your component will allow consumers of your component to pass in the following props:

| Property | Type | Description |
| --- | --- | --- |
| `$fontSize` | [typography size](/foundations/typography) | Applies font size and line height styles |
| `$fontWeight` | `normal` or `bold` | Applies font weight styles |