---
title: Use Typographic Fractions
impact: LOW
tags: type, fractions, numeric, opentype
---

## Use Typographic Fractions

Enable diagonal-fractions to convert 1/2, 1/3, etc. into proper typographic fractions.

**Correct:**

```css
.recipe { font-variant-numeric: diagonal-fractions; }
```