> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/design/typography/axes.md).

# Axes

The Axes property allows you to modify an axis for a variable font.

Two options are available, stretch and slant and others can be added as required.

{% hint style="info" %}
This only applies to variable fonts.
{% endhint %}

### Stretch&#x20;

* Select a block.
* Open the Block Inspector.
* Navigate to the Primary Tab or the Design tab.
* Open the Typography Tab.
* Find the Axes property.
* Enter the desired stretch.
* Click dot to reset.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FT4ByWoVwZT6vidV5vk5o%2Fstretch.jpg?alt=media&amp;token=c0fef1a5-1185-4b13-bbb4-634fa21fb955" alt=""><figcaption></figcaption></figure>

### Slant

* Select a block.
* Open the Block Inspector.
* Navigate to the Primary Tab or the Design tab.
* Open the Typography Tab.
* Find the Axes property.
* Enter the desired slant.
* Click dot to reset.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FshZhV2YiLSJoU6chYwrO%2Fslant.jpg?alt=media&amp;token=a3c5b256-e22d-4d81-93d5-fbf7b4b435f3" alt=""><figcaption></figcaption></figure>

### Custom

Other Axes can be added to a variable font as required.

* Select a block.
* Open the Block Inspector.
* Navigate to the Primary Tab or the Design tab.
* Open the Typography Tab.
* Find the Axes property.
* Click the "+" icon.
* Input custom axe (weight, width, size, italic etc).

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FTPsJshakReeWJjE5ve8G%2Faxe.jpg?alt=media&amp;token=55c98fad-2457-4cb9-9136-56702de07e22" alt=""><figcaption></figcaption></figure>

* The new tag will now appear under Axes in the block inspector.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FzK8ozdHWgwnfUy1ssPWE%2Fnew%20tag.jpg?alt=media&amp;token=f923399a-949b-4b5d-b0e5-fc61a055c813" alt=""><figcaption></figcaption></figure>
