استفاده از فونت‌ها

در این صفحه نمونه‌ای از استفاده از فونت‌ها را می‌توانید مشاهده کنید.

کد مربوط به این قسمت

<script setup lang="ts">
import { loadText } from '@ghoran/text'
import '@ghoran/text/fonts/uthmanic-hafs/style.css'

const ayat = await loadText('hafs')
</script>

<template>
  <div class="text-uthmanic-hafs text-3xl">
    {{ ayat[8] }}
  </div>
</template>

ذَٰلِكَ ٱلۡكِتَٰبُ لَا رَيۡبَۛ فِيهِۛ هُدٗى لِّلۡمُتَّقِينَ