Cara Menulis Tulisan Arab Agar Rapi di Blog

Cara menulis huruf Arab di blog WordPress sebanarnya mudah, tinggal kopi-pas saja dari situs al Quran atau Hadis. Namun tulisan arabnya jadi kurang rapih karena mengikuti font yang default dari wordpress.

Ini akan sedikit mengganggu mata pembaca. Sebab pengunjung blog kita ingin tulisan yang jelas dan enak dibaca. Apalagi bicara Quran Hadis tulisannya rapi ketika mereka ingin kopi-pas ke komputer atau ke smartphone mereka.

Cara Saya Merapikan Huruf Arab di Blog

Kali ini saya mengutip dari blog idnxmus. Langkahnya, masuk ke menu Dashboard Blog » Tema » Edit HTML, lalu simpan kode css berikut ini tepat di bawah kode <style>.

@font-face {
    font-family: KFGQPC Uthman Taha Naskh Bold;
    font-display: swap;
    src: url(‘https://cdn.statically.io/gh/imansani93/idnxmus-html/090d0692/UTHMANTN1B%20VER10_0.OTF’) format(‘opentype’);
    font-weight: bold;
    font-style: normal;
}

.arab {
    font-family: KFGQPC Uthman Taha Naskh Bold;
    font-size: 26px;
    font-weight: normal;
    line-height: 2;
    text-align: right;
    direction: rtl;
    margin: 1.5em 0;
}

—————————

Hasilnya seperti di bawah ini


سُبْحَانَ اللَّهِ لَا تُطِيقُهُ أَوْ لَا تَسْتَطِيعُهُ أَفَلَا قُلْتَ اللَّهُمَّ { آتِنَا فِي الدُّنْيَا حَسَنَةً وَفِي الْآخِرَةِ حَسَنَةً وَقِنَا عَذَابَ النَّارِ } قَالَ فَدَعَا اللَّهَ لَهُ فَشَفَاهُ

Sumber hadis situs cari hadis
Sebarkan Tulisan Ini:
This entry was posted in Menulis Arab and tagged . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*