طريقة كتابة نص القرآن الكريم في المدونة بالخط العثماني

بسم الله الرحمن الرحيم 

هذا الموضوع تم اقتباس بعض افكاره من الرابط الانجليزي التالي : how to add custom font to blogger

فقط قمت باختصار الطريقة بشكل يناسب غرضنا المطلوب 

و يمكنكم التوسع أكثر في حال أردتم اضافة خطوط جديدة 

الخطواط :

1.  الدخول إلى اعدادات البلوجر sitting 
2. Template قالب
3. Customize  تخصيص
4. Advanced متقدم
5. Add CSS اضافة
6. نقوم بإضافة الكود التالي :  

@font-face {
    font-family: 'me_quran-webfont';
    src: url('http://globalquran.com/images/fonts/me_quran-webfont.eot');
    src: url('http://globalquran.com/images/fonts/me_quran-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://globalquran.com/images/fonts/me_quran-webfont.woff') format('woff'),
         url('http://globalquran.com/images/fonts/me_quran-webfont.ttf') format('truetype'),
         url('http://globalquran.com/images/fonts/me_quran-webfont.svg#me_quran-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

كما نشاهد في الصورة قم نطبق التغيرات على البلوجر 

الآن عندما تريد كتابة نص من القرآن الكريم بالخط العثماني في البلوجر 

قم بتغير حالة الكتابة من (تأليف ) إلى (HTML)   و يقم بوضع الايات على الشكل التالي : 

 نص القرآن الكريم المراد كتابته بالخط العثماني

كما في الصورة التالية :