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
<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
سُبْحَانَ اللَّهِ لَا تُطِيقُهُ أَوْ لَا تَسْتَطِيعُهُ أَفَلَا قُلْتَ اللَّهُمَّ { آتِنَا فِي الدُّنْيَا حَسَنَةً وَفِي الْآخِرَةِ حَسَنَةً وَقِنَا عَذَابَ النَّارِ } قَالَ فَدَعَا اللَّهَ لَهُ فَشَفَاهُ