“الهندسة يمكنها أن تصنع حرف مقروء، لكن الفن وحده يستطيع جعل الحروف جميلة، فالفن يبدأ حيث انتهت الهندسة، و يضفي على الحروف شخصية تتخطى مجرد كونها أشكالا هندسية” – بول ستاندرد –
يعتبر نوع الخط المستخدم في التصميم من الأساسيات لجمال شكل التصميم، لا يستطيع أي مصمم سواء كان مصمم ويب أو مصمم جرافيك أو حتى مصمم ملابس أن يتجاهل أو ينكر قيمة الشكل الجمالي للخطوط المحتوى مؤلف من نصوص منسقة والخطوط هي أحد أهم العوامل المساعدة في صياغة هذا التنسيق.
سندع الأمور المبهمة ونتلكم بلغة بسيطة، لكل خط حجم، ويؤثر هذا الحجم على سرعة تحميل صفحة الموقع ومن هنا نجد أنه علينا استخدام خطوط خفيفة تسرع من عملية تحميل الصفحة.
الحديث عن طرق استخدام الخطوط لا تنتهي وهي عديدة وكثيرة جدا والتي من بينها تدوينتنا هذه، واليوم سوف نشرح أهمها وهي الخطوط المستضافة على سيرفرات جوجل ليس هذا فقط بل أتينا لكم بمجموعة خطوط عربية رائعة متناسبة مع الويب
تعريف خطوط جوجل :
باختصار هي مجموعة من الخطوط المستضافة على سيرفرات Google، متاحة للاستخدام المباشر داخل ملفات Css عن طريق @import، تتميز بالثبات العالي والسرعة في التحميل، بالإضافة لتنوع الخطوط المدعومة والتي تصل لأكثر من 600 خط، ومن بينها خطوط تدعم اللغة العربي.
المميزات :
الآن قبل أن نتطرق لطريقة التركيب سأعرض عليكم قائمة أفضل الخطوط بأشكالها مرفقة مع أكوادها
شرح طريقة التركيب
1. توجه لقالب >> تحرير
2.ابحث بإستعمال CTRL+F عن ]]></b:skin> ثم ضع كود الخط الذي تريد فوقه فقط المحدد بالأحمر
3. طريقة الاستخدام في داخل التصميم تكون عن طريق اضافة كود اسم الخط مثال : font-family: 'Amiri', serif; في القسم المراد تطبيق عليه الخط
هنا ننتهي مع الخطوط العربية التي تدعم التضمين في صفحات الويب، للمزيد من الخطوط سواء عربية أو أجنبية ندعوكم بزيارة خطوط جوجل
سندع الأمور المبهمة ونتلكم بلغة بسيطة، لكل خط حجم، ويؤثر هذا الحجم على سرعة تحميل صفحة الموقع ومن هنا نجد أنه علينا استخدام خطوط خفيفة تسرع من عملية تحميل الصفحة.
الحديث عن طرق استخدام الخطوط لا تنتهي وهي عديدة وكثيرة جدا والتي من بينها تدوينتنا هذه، واليوم سوف نشرح أهمها وهي الخطوط المستضافة على سيرفرات جوجل ليس هذا فقط بل أتينا لكم بمجموعة خطوط عربية رائعة متناسبة مع الويب
تعريف خطوط جوجل :
باختصار هي مجموعة من الخطوط المستضافة على سيرفرات Google، متاحة للاستخدام المباشر داخل ملفات Css عن طريق @import، تتميز بالثبات العالي والسرعة في التحميل، بالإضافة لتنوع الخطوط المدعومة والتي تصل لأكثر من 600 خط، ومن بينها خطوط تدعم اللغة العربي.
المميزات :
- سرعة تحميل الخط
- عدم حذف الخط المستضاف
- توافق الخط مع جميع الاجهزة
- خيارات التحكم بالخط
- متوافق مع أي موقع
الآن قبل أن نتطرق لطريقة التركيب سأعرض عليكم قائمة أفضل الخطوط بأشكالها مرفقة مع أكوادها
Noto Sans Kufi Arabic
خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);font-family: 'Noto Sans Kufi Arabic', sans-serif;
الخط الأميري
خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);font-family: 'Amiri', serif;
Droid Arabic Naskh
خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css)font-family: 'Droid Arabic Naskh' , serif;
خط ثابت
خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.
@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);font-family: 'Thabit', serif;
خط شهرزاد
خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.
@import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);font-family: 'Scheherazade', serif;
Noto Naskh Arabic UI
خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.
@import url(http://fonts.googleapis.com/earlyaccess/notonaskharabicui.css);font-family: 'Noto Naskh Arabic UI', serif;
1. توجه لقالب >> تحرير
2.ابحث بإستعمال CTRL+F عن ]]></b:skin> ثم ضع كود الخط الذي تريد فوقه فقط المحدد بالأحمر
3. طريقة الاستخدام في داخل التصميم تكون عن طريق اضافة كود اسم الخط مثال : font-family: 'Amiri', serif; في القسم المراد تطبيق عليه الخط
هنا ننتهي مع الخطوط العربية التي تدعم التضمين في صفحات الويب، للمزيد من الخطوط سواء عربية أو أجنبية ندعوكم بزيارة خطوط جوجل
في حال كان لديك أي تسائل وتريد تطبيق الخط فقط اترك تعليق يوضح سؤالك، ولا تنسى أن تدعمنا بمشاركة التدوينة إذا نالت إعجابك