الخطوط المُدخلة للإختبار فقط .
قم بفتح ملف style.css الخاص بالقالب.
التسمية MyFontDroidKufi ما بين علامة التنصيص لك الحرية في تغييره، ولكن يجب عليك الإحتفاظ به لإستخدمه في النقاط المرغوب إضافة الخط إليها أو تحريرها، وأيضًا هذا الكود والنوع من الخطوط يعمل على متصفحات فايرفوكس، كروم، اكسبلور، و سفاري.
كود:
@font-face {
font-family: 'MyFontDroidKufi';
src: url('fonts/DroidKufi-Regular.eot'); /* متوافق مع اكسبلور 9 */
src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), /*متوافق مع اكسبلور 6 + 7 */
url('fonts/DroidKufi-Regular.woff2') format('woff2'), /* متوافق مع المتصفحات الحديثة*/
url('fonts/DroidKufi-Regular.woff') format('woff'), /* متوافق مع المتصفحات الحديثة*/
url('fonts/DroidKufi-Regular.ttf') format('truetype'), /*متوافق مع متصفح سفاري، وأندوريد، وأيفون*/
url('fonts/DroidKufi-Regular.svg#svgFontName') format('svg'); /* متوافق مع أيفون */
}
واستخدام الطريقة السابقة تمامًا بإضافة الكود الموجود بالأعلى واستخدامه مع العناوين والرؤس الخ…، وللتحويل من ttf إلى woff استخدم