Powered by Blogger.

Menulis Arab (Alquran) di Blogger dengan font-face

Blogger merupakan platform kita berbagi konten seperti halaman .html. 
Tadi sempat ngobrol sama teman, dan ada keinginan untuk membuat konten di blog dengan menulis ayat suci alquran. Eh..ternyata tidak semudah yang dikira ternyata.. tidak sekedara copy paste kalo mau hasilnya bagus.  Nyoba pakai unicode sebenarnya bisa juga sih.. tinggal convert kemudian dipakai. Dengan sedikit coba-coba banyak tutorial yang dapat diikuti, alhamdulillah nambah pengetahuan.
Kalo dapat dinyatakan Secara sederhana, ane pahamnya, kalo kita mau menulis font terutama yang khusus digunakan pada halaman website yang disesuaikan dengan tema, tidak bisa langsung digunakan, maka kita perlu menggunakan style font-face, agar font tersebut dapat terbaca dengan baik pada browser. 

 Misalnya kita menggunakan default

 بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ 

 tapi kalo mau rapi dan sesuai tema yang kita inginkan dan bacanya juga enak contoh jadi seperti ini :

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

Beberapa format font yang bisa digunakan di browser : EOT (Embedded Open Type) TTF (True Type) and OTF (Open Type) WOFF (Web Open Font Format) Untuk membuatnya bisa digunakan di browser, kita harus men-generate font yang berformat ttf tadi. Dengan menggunakan font face generator. silahkan dicari situs yang menggenerate font face dari font yang kita inginkan. untuk cara yang seperti ini dibawah

تَنۡزِيۡلُ الۡكِتٰبِ لَا رَيۡبَ فِيۡهِ مِنۡ رَّبِّ الۡعٰلَمِيۡنَؕ

saya menggunakan code sbb :

<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-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;}</style>
Selanjutnya mungkin kalau gabut bisa coba-coba deh... dengan style / css yang berbeda

Bannerad

Artikel Terpopuler

Tags

Blogumulus by Roy Tanck and Amanda Fazani