---
title: Tipografi
description: Elementin yazı stilleri.
---

Tipografi stilleri **Yazı** ve **Form** elementleri için geçerlidir.

- **Stil** — Global Değerler kısmındaki [Yazı Stilleri](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/global-values/text-styles) bölümünde tanımladığınız stili seçerek bu elemente bağlayabilirsiniz. İsteğe bağlı olarak, seçilen stilden gelen ayarların bir kısmını yine bu alandan değiştirebilirsiniz.
- **Yazı Tipi** — `font-family`
- **Boyut** — `font-size`
- **Kalınlık** — `font-weight`
- **Renk** — `color`
- **Satır Yüksekliği** — `line-height`
- **Harf Aralığı** — `letter-spacing`
- **Kenar** — `text-decoration`
- **Biçim** — `text-overflow`
- **White Space** — `white-space`
- **Satır sonu** — `line-break`
- **Word Break** — `word-break`
- **Metin Sarma Stili** — `overflow-wrap`

<Callout type="warning" title="Gradient yazı rengi">
Yazılara gradient renk verebilirsiniz. Bu özellik `background-image`, `background-clip: text` ve `-webkit-text-fill-color: transparent` kullanılarak sağlandığı için gradient yazı rengi kullandığınızda ilgili elemente arka plan rengi eklememeniz gerekir.
</Callout>

<img src="/media/ikas-studio/content-and-design/elements/style/typography.png" style={{ width: "400px", boxShadow: "0 4px 24px rgba(0, 0, 0, 0.08)" }} />