Salin-Tempel Aksara Arab

Minggu, 9 Oktober 2005M
05 Ramadhan 1426H

Cak Amal protes pada tulisan saya tentang Zaitun karena aksara Arabnya susah dibaca. Memang susah karena kita terbiasa membaca aksara Arab berharakat pada Quran yang sangat rapi dicetak, baik kualitas kertasnya maupun gaya dan bentuk-bentuk aksaranya. Jadi saya mencari-cari bagaimana aksara Arab ditampilkan di browser supaya enak dibaca. Penjelasan berikut ini bukan berisi bagaimana cara menulis aksara Arab dengan keyboard Latin ataupun emulasi keyboard Arabic, tapi hanya tip menampilkan aksara Arab yang dikutip dari dokumen lain ke dalam halaman web/blog.

Petikan Quran yang saya pakai adalah hasil salin-tempel atau copy-paste dari libquran buatan MDAMT atau dari situs Holy Quran buatan Ismail Fahmi.

Sebagai kutipan, secara semantik saya format kutipan dalam tag HTML <blockquote>.

Mengikuti format blockquote menghasilkan aksara Arab yang terlalu kecil ukurannya, jadi saya format secara visual dengan menggunakan tag HTML <big>. Format akhir menjadi:

<blockquote>
<big>aksara Arab hasil salin-tempel</big>
Terjemahan dan keterangan
</blockquote>

Format lain yang memungkinkan, bahkan lebih tepat adalah dengan span dan :lang pseudo-selector, tapi tidak saya pakai sebab selain tak banyak melakukan salin-tempel aksara Arab (apalagi inline dalam paragraf) juga karena menulis tag <big> lebih sederhana dibandingkan dengan menulis <span lang="ar" xml:lang="ar">.

Masalah setepatnya adalah saat penampilan di browser, yaitu font mana yang cocok dan bagus supaya enak dibaca seperlunya. Dari hasil pencarian pada koleksi font-font yang ada didapatkan font-font TTF berikut memiliki kandungan glyph Arab, yaitu Andalus, Arial, Courier New, Lucida Bright, Lucida Sans, Tahoma dan Times New Roman.

Dengan menggunakan OpenOffice 1.1.5 saya cobakan kutipkan aksara Arab dengan beberapa font tersebut. Dari pengamatan pribadi yang bagus adalah dengan menggunakan Arial dan Times New Roman, sedangkan font lain terlihat kurang elegan dibandingkan dengan cetakan aksara Arab yang biasa kita lihat di Quran.

Aksara Arab dengan font Arial
Aksara Arab dengan font Times New Roman

Selain dari font-font di atas saya coba menggunakan font berlisensi GPL dari proyek Arabeyes, ada beberapa jenis font namun kurang elegan di mata saya dan terlalu dekoratif. Font lain yang bagus saya temukan dari SIL International berlisensi Freeware, ada dua font bernama Scheherazade dan Lateef (Scheherazade adalah penulisan Syahrazad menurut orang Barat, seorang tokoh inti dalam cerita klasik 1001 Malam).

Aksara Arab dengan font Scheherazade
Aksara Arab dengan font Lateef

Jadi CSS untuk aksara Arab tersebut menjadi:

blockquote big {
        font-family: Scheherazade, Lateef, Arial, 'Times New Roman', serif;
        font-size: 1.5em;
        line-height: 1.5em;
        }

Contoh tangkapan OpenOffice di atas (Ayat Kursi, Al-Baqarah 2:255) akan tampil di web dengan menggunakan Firefox 1.0.7 terlihat sebagai berikut:

1. Hasil tangkapan layar Firefox
Arabic font Scheherazade dalam Firefox

2. Hasil di browser anda


اللّهُ لاَ إِلَهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ

Komentar

38 komentar untuk catatan 'Salin-Tempel Aksara Arab'

  1. #1
    gravatar

    Kalau memang belum ada unicode silahkan berkunjung ke web http://www.ikhwan-interaktif.com disitu ada virtual arabic keyboard

  2. #2
    gravatar

    Ass.mas, gmn cara buat lafadz bismillah buat blogku.(yg HTML) biar bisa bisa langsung aku copy buat blogku nnti.
    terima kasih atas bantuannya
    wassalam

  3. #3
    gravatar

    tolong kirimi saya artikel atau makalah yang berbahasa arab lengkap dengan alamat situsnya atau bagaimana caranya membuka situs yang berbahasa arab . atas perhatiannya terimah kasih

  4. #4
    gravatar

    teman-teman ada yang tau program virtual keyboard utk win xp gak?, jadi tampilannya bisa ada di layar? jazakallahu khoir

  5. #5
    gravatar

    Saya butuh font andalus arabic. Bisa tolong.

  6. #6
    gravatar

    […] saya membaca tulisan Jay tentang Salin-Tempel Aksara Arab, saya iseng coba-coba menulis nama saya dalam huruf Arab yang hasilnya bisa dilihat di title blog […]

  7. #7
    gravatar

    aku kok masih bingung kak udah ngikutin yang di tutorkan. pas copas hurup arab kok jadina tanda tanya ?????????

  8. #8
    gravatar

    pada teman2 virtual yang terhormat, saya amat membutuhkan font arab yang putus2. barang kali ada yamg punya informasinya

  9. #9
    gravatar

    Alhamdulillah…… akhirnya masih ada juga blog yang seperti ini. sangat bermanfaat

  10. #10
    gravatar

    mas brow tabrani,, bleh minta source kode bwat nyisipin tulisn arab d php atw html gk??
    kalaw ad n bleh di mnta… tolng kirm ke email in ya. makasih….

    a09d09@gmail.com

  11. #11
    gravatar

    asslmkm,sy ingin bisa mengetik tulisan arab putus-putus …barangkali ada yg bs caranya…trims

  12. #12
    gravatar

    kpd teman2 yang terhormat, saya amat membutuhkan font arab yang putus2. barang kali ada yamg punya informasinya

  13. #13
    gravatar

    assalamualaikum wr.wb
    ana udah tau bagaimana cara nulis arab di html , permasalahannya adalah ketika gaya tulisan arabnya ane rubah ke gaya yang lain , do firefox g berubah,,,tulisan arabnya masih tetep aja ky gitu,,,kalo ada yang tau tolong jawab ya….

    assalamualaikum wr.wb

Tulis komentar

XHTML: Anda dapat menggunakan tag-tag berikut: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Untuk menampilkan gambar/icon avatar anda silakan daftarkan alamat email di Gravatar.