شرح طريقة تغيير الخط في الموقع او المدونة

شرح طريقة تغيير الخط في الموقع او المدونة

يعتبر الخط الجميل من أكثر العناصر التي تجعل من مدونتك جميلة في نظر الزوار حيث إن الزائر عند زيارة مدونتك هدفه أساساً هو قراءة المواضيع لهذا يجب عليك جعل خط مدونتك جميلاً وسهل في القراءة لكي تكتسب أكبر عدد من الزوار الأوفياء.
واحضرت لكم في هذا الموضوع أجمل الخطوط العربية وأكثرها إستعمالاً في المواقع العربية.


بالنسبة لطريقة التركيب فكل ما عليك هو إختيار أي خط يعجبك ثم أخذ الكود الخاص به ووضعه في قالبك فوق كلمة ]]></b:skin> ، ثم تبحث عن كلمة font-family في القالب وتغير ما بعدها بإسم الخط الذي اخترته.

أفضل الخطوط العربية لمدونتك:

خط DroidKufi-Regular:

رمز Code:

@font-face { font-family: "DroidKufi-regular"; font-style: normal; font-weight: 400; src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format("truetype"); }

خط DroidKufi-Bold:

رمز Code:

@font-face { font-family: 'DroidKufi-Bold'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype'); }

خط GE SS:

رمز Code:

@font-face { font-family: 'GE SS Unique'; src: url('http://www.fontsaddict.com/fontface/ge-ss-unique-light.otf'); }

خط GE SS Two Light:

رمز Code:

@font-face { font-family: 'GE SS Two Light'; src: url('http://www.fontsaddict.com/fontface/ge-ss-two-light.otf'); }

خط GE SS Two Medium:

رمز Code:

@font-face { font-family: 'GE SS Two Medium'; src: url('http://www.fontsaddict.com/fontface/ge-ss-two-medium.otf'); }

خط GE SS Two Bold:

رمز Code:

@font-face { font-family: 'GE SS Two Bold'; src: url('http://www.fontsaddict.com/fontface/ge-ss-two-bold.otf'); }

خط GE SS TV:

رمز Code:

@font-face { font-family: "My"; src: url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.eot"); src: url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.eot?") format("eot"), url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.otf") format("opentype"), url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.ttf") format("truetype"); }

خط GE SS MED WEBFONT:

رمز Code:

@font-face { font-family: 'GTMR'; src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot'); src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'), url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'), url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }