---
title: "Day 27: the font-variation-settings property"
url: https://daily.dev/posts/day-27-the-font-variation-settings-property-ltqijzip5
source_url: https://www.matuzo.at/blog/2022/100daysof-day27
type: article
source: "Manuel Matuzović"
published: 2026-06-22T14:42:21.315Z
updated: 2026-06-22T14:43:29.237Z
tags: ["css", "typography"]
reading_time: 2
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Day 27: the font-variation-settings property

**[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 2 min read · 0 upvotes · 0 comments

## Summary

A focused look at the CSS `font-variation-settings` property, which lets developers control variable font axes like weight ('wght') and width ('wdth'). Using the Saira variable font as an example, it demonstrates how to set individual axis values and combine multiple axes in a single declaration. The number and type of supported axes vary by font.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.matuzo.at/blog/2022/100daysof-day27>

## Similar posts on daily.dev

- [Using CSS to fix the irradiation illusion · November 29, 2025](https://daily.dev/posts/using-css-to-fix-the-irradiation-illusion-november-29-2025-us3qtitnw) · Adam Argyle · 4 upvotes · 0 comments

---

Tags: [#css](https://daily.dev/tags/css), [#typography](https://daily.dev/tags/typography)

[View this post on daily.dev](https://daily.dev/posts/day-27-the-font-variation-settings-property-ltqijzip5)