شرح طريقة تغيير الخط في الموقع او المدونة
يعتبر الخط الجميل من أكثر العناصر التي تجعل من مدونتك جميلة في نظر الزوار حيث إن الزائر عند زيارة مدونتك هدفه أساساً هو قراءة المواضيع لهذا يجب عليك جعل خط مدونتك جميلاً وسهل في القراءة لكي تكتسب أكبر عدد من الزوار الأوفياء.
واحضرت لكم في هذا الموضوع أجمل الخطوط العربية وأكثرها إستعمالاً في المواقع العربية.
بالنسبة لطريقة التركيب فكل ما عليك هو إختيار أي خط يعجبك ثم أخذ الكود الخاص به ووضعه في قالبك فوق كلمة ]]></b:skin> ، ثم تبحث عن كلمة font-family في القالب وتغير ما بعدها بإسم الخط الذي اخترته.
أفضل الخطوط العربية لمدونتك:
خط DroidKufi-Regular:
خط DroidKufi-Bold:
خط GE SS:
خط GE SS Two Light:
خط GE SS Two Medium:
خط GE SS Two Bold:
خط GE SS TV:
خط GE SS MED WEBFONT:
واحضرت لكم في هذا الموضوع أجمل الخطوط العربية وأكثرها إستعمالاً في المواقع العربية.
بالنسبة لطريقة التركيب فكل ما عليك هو إختيار أي خط يعجبك ثم أخذ الكود الخاص به ووضعه في قالبك فوق كلمة ]]></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"); }
رمز 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'); }
رمز Code:
@font-face { font-family: 'GE SS Unique'; src: url('http://www.fontsaddict.com/fontface/ge-ss-unique-light.otf'); }
رمز Code:
@font-face { font-family: 'GE SS Two Light'; src: url('http://www.fontsaddict.com/fontface/ge-ss-two-light.otf'); }
رمز Code:
@font-face { font-family: 'GE SS Two Medium'; src: url('http://www.fontsaddict.com/fontface/ge-ss-two-medium.otf'); }
رمز Code:
@font-face { font-family: 'GE SS Two Bold'; src: url('http://www.fontsaddict.com/fontface/ge-ss-two-bold.otf'); }
رمز 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"); }
رمز 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'); }
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذف