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

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

هذا الموضوع تم اقتباس بعض افكاره من الرابط الانجليزي التالي : 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)   و يقم بوضع الايات على الشكل التالي : 


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




Post a Comment

أحدث أقدم