Salin-Tempel Aksara Arab
Minggu, 9 Oktober 2005M
05 Ramadhan 1426H
- International phone card
- Baufinanzierung
- Tracking System
- Valentines flowers delivered to your loved one door. Send fresh tulips, a dozen roses with chocolates, or any flower bouquet. Flower freshness & delivery guaranteed.
- Musical Instrument Allans Music Australia
- Download Free Movies
- Science of Identity Foundation - quotes and videos on happiness and well-being.
- Hewlett Packard Laptops Buy HP notebooks in Australia
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.
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).
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
2. Hasil di browser anda
اللّهُ لاَ إِلَهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ
Popularity: 7% [?]
Minggu, 9 Oktober 2005 @ 8:03
Kenapa huruf-hurufnya terpisah ya? Di Firefox huruf ‘ha’ dengan ‘lam’ pada tulisan Allah dan Ilaah terpisah. Dan terjadi juga pada kata-kata lain dimana hurufnya terpisah. Seharusnya dengan adanya font times new roman dan arial, aksara arab tersebut dapat terlihat dengan baik.
Salah dimana ya?
Minggu, 9 Oktober 2005 @ 8:49
Saya pernah juga memmbuat tulisan arab, baik yang unicode, maupun yang font seperti dalam databasenya mas Ismail Fahmi – nggak tahu namanya -.
Firefox tidak bisa membedakan mana huruf dan mana tanda baca, sehingga ketika huruf dikasih tanda baca maka ia nampak menjadi terpisah denagn huruf di depannya. Tetapi jika kita tidak menyertakan tanda baca, maka sambungan huruf akan menyambung denagn normal.
Pengalaman saya, tulisan arab dengan tanda baca akan tampil secara sempurna di browser IE (demikian juga dengan font-font arab bertanda baca yang ditulis mas Jay diatas). Di konqueror, juga terbaca dengan baik, tapi saya sering mendapati huruf terakhirnya selalu berpindah ke sebelah kanan.
Minggu, 9 Oktober 2005 @ 10:18
oooo… ngerti.. ngerti…
Minggu, 9 Oktober 2005 @ 10:40
gimana kalo pake [blockquote xml:lang='ar']…[/blockquote]?
kecuali kalau di dalam blockquote ada bahasa lain, maka pakai [span xml:lang='ar'] itu redundant
btw, atribut lang itu kalo gak salah ilegal di XHTML
Minggu, 9 Oktober 2005 @ 17:32
#4: bisa juga seperti itu, berarti harus membuat CSS
blockquote:lang(ar) {}. dari FAQ W3C tentang i18n pseudo selector lang ini tidak disupport oleh Internet Explorer.Minggu, 9 Oktober 2005 @ 19:17
Di tempat saya juga, beberapa huruf terpisah, padahal kita menggunakan Firefox juga dan mengenai versi FF bisa dilihat di plugins Browser Detector saya
so what’s wrong?
Minggu, 9 Oktober 2005 @ 19:31
Om Jay..
padahal Abe pake firefox jugak, kok hurufnyah putus-putus yah Om?
Minggu, 9 Oktober 2005 @ 22:03
Jadi solusinya barangkali:
- Gunakan FireFox terakhir (dengan catatan kalau sudah di-fix bug-nya), atau pasang penanda “best viewed with IE“
- Hilangkan fata, kasra, dan doma-nya. Lebih sesuai dengan aslinya, tapi jadi sulit dibaca oleh yang tidak biasa berbahasa arab.
- Fallback to PNG. Ngomong-ngomong, screen-capture-nya masih bisa di optimasi lagi. Gunakan format PNG paletted/indexed (instead of RGB/RGBA) untuk mengurangi ukuran jadi sepertiganya (25kb jadi 8kb). Bisa gunakan code berikut (Fu-Script) untuk GIMP.
Senin, 10 Oktober 2005 @ 8:09
nice tips Jay
Senin, 10 Oktober 2005 @ 10:54
EH sekarang font arabnya gak putus-putus lagi.
Senin, 10 Oktober 2005 @ 10:57
soal tulisan terputus-putus kurang tahu juga nih, soalnya dengan font yang sama (Arial dan Times New Roman) penampakannya berbeda antara Firefox dengan OpenOffice. mungkin firefoxnya masih ada bug
#8: weh, sampe bikin script-fu buat GIMP. thanks, nanti dicoba scriptnya.
Senin, 10 Oktober 2005 @ 11:18
thx for the infos jay
#8 tengkyu juga script GIMPnya mungkin bisa diaplikasikan buat yang lain.
Jumat, 14 Oktober 2005 @ 18:12
Wah saya perlu belajar lagi tentang cara menulis arab di komputer. Masak orang muslim nggak bisa menulis arab di komputer. kan Barabe jadinya….
Selasa, 18 Oktober 2005 @ 13:43
#8 Makaci ya sekripnyah..
#13 Hiks.. lebih lumayan dikaw
Wah saya perlu belajar lagi tentang cara menulis arab
di komputer. Masak orang muslim nggak bisa menulis arabdi komputer. kan Barabe jadinya….Sabtu, 22 Oktober 2005 @ 10:52
lilis jadi pengen dech bisa nulis seperti itu juga….
Sabtu, 10 Desember 2005 @ 3:33
Yang bagus, tetep aja Traditional Arabic. Kalau Times New Roman/Arial masih terkesan kaku
Btw, thx atas koreksiannya di blog saya
Sabtu, 21 Januari 2006 @ 16:51
[...] Kategori: Diriku | Setelah 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 saya ini. Tulisan nama saya itu saya dapatkan dari hasil mengcopy-paste huruf-huruf Arab yang sesuai dan hasilnya jadi seperti ini: دَدَنْ أَدْرِيْأَنْ يُوْنِيَرْ [...]
Sabtu, 11 Maret 2006 @ 20:42
gmn cara bikinnya sih?blm ngerti, plis bantu, mo bikin skripsi tapi buat nampilin ato nulis arab biar muncul di browser gimana?pake software khusus ga?
Kamis, 13 April 2006 @ 18:50
wah bagus jg nih topik ttg bhs arabnya
jadi tertarik nih, ..hihihi
btw, ada gak kawan2 yg punya file/doc yg dlm bhs arabnya
berikut terjemahan dlm bhs indoensianya
buat ngetes n belajar terjemahan
hehehe
tq
Selasa, 9 Mei 2006 @ 4:07
ana pingin juga ni! gimana ya caranya biar tulisan bisa tampil lebih rapi? sudah ada ga sih key board khusus arab yang dijual khususnya di jogja?
Rabu, 21 Juni 2006 @ 15:01
Fonts Arab untuk Linux
Kamis, 6 Juli 2006 @ 5:21
bagi yang punya koleksi font-font arab, tolong dong kirimin aku di:
myr_73137@yahoo.co.id
tuengkyu syukron
Kamis, 13 Juli 2006 @ 10:42
[...] http://yulian.firdaus.or.id/2005/10/09/salin-tempel-aksara-arab/ [...]
Minggu, 23 Juli 2006 @ 17:04
#1 #6 #7 coba install language-support-ar supaya tampilan di firefox ga putus2
Selasa, 7 November 2006 @ 11:52
gimana kalau huruf arab itu dipaskan di keyboard
soalnya biar mudah
Rabu, 21 Maret 2007 @ 15:30
Kalau memang belum ada unicode silahkan berkunjung ke web http://www.ikhwan-interaktif.com disitu ada virtual arabic keyboard
Senin, 2 April 2007 @ 10:17
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
Senin, 1 Oktober 2007 @ 15:57
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
Selasa, 11 Desember 2007 @ 8:29
teman-teman ada yang tau program virtual keyboard utk win xp gak?, jadi tampilannya bisa ada di layar? jazakallahu khoir
Rabu, 3 September 2008 @ 7:09
Saya butuh font andalus arabic. Bisa tolong.
Jumat, 12 September 2008 @ 9:30
[...] 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 [...]
Jumat, 27 Maret 2009 @ 16:45
aku kok masih bingung kak udah ngikutin yang di tutorkan. pas copas hurup arab kok jadina tanda tanya ?????????