Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Web Typography

خطوط الويب في 60 ثانية

by
Difficulty:BeginnerLength:ShortLanguages:

Arabic (العربية/عربي) translation by Ali Atwa (you can also view the original English article)

لاستخدام الخطوط على الويب يتم تحميلها من مسارين، اما من نظام جهاز الزار أو من السيرفر. دعونا نلقي نظرة سريعة على خطوط الويب في 60 ثانية!

Thumbnail image taken from Auther web font by Seniors Studio
الصورة المصغرة: "Auther" الخط مصمم بواسطة Seniors Studio

فهم خطوط الويب

لاستخدام الخطوط على الويب يتم تحميلها من مسارين،المسار الأول هو الجهاز الشخصي للزائر (الكمبيوتر، الهاتف الذكي إلخ.). هذه الخطوط تسمى "خطوط النظام"، لا يوجد الكثير منها للاعتماد عليها لأن بعضها متاح على اغلب الأجهزة وأنظمة التشغيل.

المسار الثاني تحميل الملفات من السيرفر مثل Web fonts. يمكنك استخدام الخطوط كما تريد، فلا داعي للقلق أذاا كان الزائر لا يستطيع الوصول إلى الملفات المطلوبة.

يمكن استخدام خطوط الويب أما عن طريق استضافة الموقع الخاص بك، أو من موفر خارجي مثل "خطوط جوجل". لرفع الخطوط الخاصة بك على موقعك، تاكد أولاً من ان لديك الاذن لاستخدام هذه الملفات، ثم ضعها على المضيف الخاص بك، واستخدام font-face@ في ملف CSS لاستدعائها.

  • فهم font-face@

لاستخدام خطوط ويب مخصصة ستحتاج لإضافة عنصر ارتباط إلى قسم Head، و بعض تعليمات البرمجية للـ JavaScript. في بعض الحالات ستحتاج لتحديد بعض خطوط من النظام في حالة فشل تحميل الخطوط.

هذه هي خطوط الويب، في 60 ثانية!

خطوط ويب من منصة عناصر Envato

عند الاشتراك في منصة عناصر Envato ستحصل على ما يزيد عن 700 فونت للويب؛ وقابل للزيادة شهريا! إذا كنت ترغب بذلك القي نظرة:

web fonts on Envato Elements
خطوط الويب على منصة عناصر Envato
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.