WheeQo.web.id

Bila Anda sering menulis atau mendesain dengan tulisan Arab di komputer, ada baiknya untuk memperhatikan font yang digunakan agar pembaca tidak kesulitan dan mengurangi kesalahan membaca tulisan Arab tersebut. Berikut contoh tulisan arab dari al-Quran surat al-Fatihah ayat 7 menggunakan empat font yang berbeda, Arial, Traditional Arabic, Arabic Typesetting, dan Andalus

klik untuk perbesar gambar

Font arab Arial dengan Times New Roman tidak jauh berbeda. Menurut saya font Traditional Arabic dan Arabic Typesetting mempunyai tingkat kejelasan yang terbaik, perbedaannya kalau Arabic Typesetting terlihat lebih rapat. Namun untuk penggunaan tasydid dan kasroh, Arabic Typesetting terlihat lebih tepat peletakannya seperti mushaf saat ini.

Lalu bagaimana untuk penggunaan di web? Untungnya font seperti Arabic Typesetting merupakan salah satu font standard web, jadi kita bisa menggunakan dalam coding desain web. Contohnya sebagai berikut.
Di file css:

.arab1 {font: 3em Arabic Typesetting, Arial, sans-serif;}

Lalu di file html:

<p class="arab1">صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ</p>

Tulisan arab bisa diedit di word lalu copas ke HTML editor. Contoh jadinya:

صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ

Update:
Ternyata font Arabic Typesetting bukan font standard web jadi kalau dilihat di komputer yang tidak terinstall font tersebut, tulisan arabnya tidak seperti di screenshot. Jadi solusinya adalah dengan memanfaatkan fitur @font-face HTML5 (lihat tutorialnya).

Tweet

Save

Share

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.