# Typography

The Typography option allows you to customize the properties of the text on the landing page, including font type, size, color, spacing, and other attributes. Adjusting typography ensures that the text on the landing page is not only easy to read but also aligns with the overall design.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2F2VLMMUbWb5WckYZhKFpe%2Fimage.png?alt=media&#x26;token=25660435-4431-4c76-b83d-c58dd862f0c3" alt=""><figcaption></figcaption></figure>

Below is a detailed guide on how to use the Typography option:

* **Font family:** Specifies the type of font that the text will use. Select from the list of available fonts or enter the name of a custom font.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2F6nnlBTxttzHyuhXkVT40%2Fimage.png?alt=media&#x26;token=5f419f82-b9e0-4dc6-b32d-113a4c967b6a" alt=""><figcaption></figcaption></figure>

* **Text align:** Determines how the text is aligned within the element.
  * **Start:** The text is aligned to the left edge of the page or container.
  * **Center:** The text is centered horizontally within the page or container.
  * **End:**&#x54;he text is aligned to the right edge of the page or container.
  * **Justify:** The text is evenly aligned on both the left and right edges, creating lines of equal length.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FFQlhNvfCNp4AwcLnAHB6%2Fimage.png?alt=media&#x26;token=7e2e4f6e-9d60-4e51-95a1-a7f5fdec9cf8" alt=""><figcaption></figcaption></figure>

* **Text decoration:** Specifies decorative effects such as default, underline, overline, line through, none.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2F5BHOP4hrphXG7cwQI96Y%2Fimage.png?alt=media&#x26;token=551d6e98-e506-40f8-9267-5196ab109117" alt=""><figcaption></figcaption></figure>

* **Color:** Specifies the color of the text.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FOAtSpABNIR4s6aRespRr%2Fimage.png?alt=media&#x26;token=a368010f-4efd-4fc7-8797-0e00b29f08ab" alt=""><figcaption></figcaption></figure>

* **Font weight:** Specifies the thickness of the font.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FNWvmsq0onJejVghNklJo%2Fimage.png?alt=media&#x26;token=5f73776f-22b9-4c9c-ad71-fa37a9b8f8fc" alt=""><figcaption></figcaption></figure>

* **Font Style:** Specifies the style of the font, such as default, normal, italic, oblique

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FLh09sOeewaedUGWYEyMg%2Fimage.png?alt=media&#x26;token=2a9e1539-fe75-43bc-b411-fa76cf01cedd" alt=""><figcaption></figcaption></figure>

* **Text Transform:** Specifies how the text will be transformed to such as default, capitalize, uppercase, lowercase or none.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FDHnTgVFjaFeCaRWVPrxd%2Fimage.png?alt=media&#x26;token=e4a2d379-7a64-4365-ac38-a9b407202321" alt=""><figcaption></figcaption></figure>

* **Font size:** Specifies the size of the text

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FNlYefsqCdICyZL8XGLAc%2Fimage.png?alt=media&#x26;token=4339f65e-88a0-4f4c-964d-9e80af1e66b7" alt=""><figcaption></figcaption></figure>

* **Letter spacing:** Specifies the spacing between characters in the text: default, suto, narrow, wide, custom

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FBgMobWVat1oYNlIOkwMf%2Fimage.png?alt=media&#x26;token=f2b7519b-c948-4b8a-91d6-462ada94fdb7" alt=""><figcaption></figcaption></figure>

* **Line height:** Specifies the spacing between lines of text: default, single, 1.5, double, custom

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FK31bUzsFdDWuNIFFz2pg%2Fimage.png?alt=media&#x26;token=dfddcaf1-d3b1-436b-b870-91bf5870d26c" alt=""><figcaption></figcaption></figure>

* **Text shadow:** Creates a shadow for the text to enhance the visual effect.
* **Text shadow:** Creates a shadow for the text to enhance the visual effect.
  * **Color:** The color of the shadow.
  * **X:** The horizontal distance of the shadow.
  * **Y:** The vertical distance of the shadow.
  * **Blur:** The blur radius of the shadow.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FlXkIIf5zDeEjcnwZlsWo%2Fimage.png?alt=media&#x26;token=7522df4c-ab2c-4bf1-a349-220fadc4fbad" alt=""><figcaption></figcaption></figure>
