تلعب الخطوط دورا مهما في إنشاء مظهر جذاب لموقع ويب أو مستند. ولكن ماذا لو كنت تريد استخدام خط غير قياسي غير مدرج في المجموعة العامة للخطوط المثبتة على جهاز الكمبيوتر الخاص بك? في هذه الحالة ، ستحتاج إلى تحميل خط النمط إلى موقع الويب الخاص بك. يوضح لك هذا الدليل كيفية القيام بذلك.
الخطوة 1: قم بتنزيل خط النمط المطلوب. يمكنك العثور على خطوط مجانية على مواقع الويب المختلفة مثل خطوط جوجل أو سنجاب الخط أو دافونت. ضع في اعتبارك أن بعض الخطوط قد تحتوي على حقوق نشر ، لذا تأكد من أن لديك الحق في استخدام الخط المحدد.
الخطوة 2: قم بإنشاء مجلد لتخزين الخطوط التي تم تنزيلها. يوصى بإنشاء مجلد منفصل في الدليل الجذر لمشروعك وإعطائه اسما واضحا ، على سبيل المثال "الخطوط". سيتم تخزين جميع الخطوط التي تم تنزيلها في هذا المجلد.
ملاحظة: تأكد من أن لديك حقوق تحميل الملفات إلى استضافة الويب الخاصة بك إذا كنت ترغب في تحميل الخطوط إلى موقعك.
- تعريف وأهمية خطوط النمط
- تنسيقات نمط الخط الشائعة
- 1. تروتايب (تف)
- 2. أوبن (أوتف)
- 3. تنسيق الخط المفتوح على شبكة الإنترنت (وف)
- 4. رسومات متجهة قابلة للتطوير (سفغ)
- 5. أوبن جزءا لا يتجزأ (محكمة تكافؤ الفرص)
- قبل تحميل الخطوط: اختيار وشراء
- تنزيل الخطوط بتنسيق الملف
تعريف وأهمية خطوط النمط
لا يمكن التقليل من أهمية خطوط النمط في تصميم الويب. يمكن أن تعزز بشكل كبير الانطباع البصري للمستخدمين ، وجعل النص أكثر قابلية للقراءة وممتعة للقراءة. كل خط له أسلوبه المميز ومزاجه وتلوينه العاطفي ، مما يساعد على نقل الرسالة التي تصورها المؤلف والتأكيد عليها.
يمكن لخط النمط المختار جيدا إبراز أجزاء مهمة من النص والتأكيد عليها ، وجعله أكثر حدة وتحسين فهمه. بالإضافة إلى ذلك ، يمكن استخدام خطوط النمط لإنشاء علامة تجارية فريدة وفصل موقعك عن الآخرين.
تنسيقات نمط الخط الشائعة
يتضمن تطوير الويب استخدام خطوط مختلفة لإنشاء نمط موقع ويب فريد. هناك العديد من تنسيقات الخطوط الشائعة التي يمكن استخدامها لإضافة نمط وجماليات إلى صفحات الويب.
1. تروتايب (تف)
تروتايب (تف) هي واحدة من تنسيقات الخط الأكثر استخداما على نطاق واسع. تم تطويره من قبل شركة آبل وأصبح المعيار للخطوط في أنظمة التشغيل ماكنتوش ومايكروسوفت ويندوز. ملفات تروتايب لها امتداد.الصناديق ويمكن تحميلها واستخدامها في صفحات الويب باستخدام المغلق.
2. أوبن (أوتف)
أوبن (أوتف) هو تنسيق الخط متوافق مع كل من ماكنتوش و مايكروسوفت ويندوز أنظمة التشغيل. لديها ملفات أوبن أيضا .تمديد أوتف. دعم ميزات أوبن يتضمن مجموعة واسعة من التصاميم الخط ، مثل تغيير جريئة ، نمط الحروف ، خيارات الخط ، وضعف دعم علامة ، وأكثر من ذلك بكثير.
3. تنسيق الخط المفتوح على شبكة الإنترنت (وف)
تنسيق الخط المفتوح على شبكة الإنترنت (وف) هو تنسيق الخط المضغوط التي وضعتها المنظمة الدولية للتوحيد القياسي (إسو) للاستخدام على صفحات الويب. ملفات وف عادة ما يكون .تمديد وف. أنها توفر ضغط بيانات الخط الأمثل ، مما يسرع تحميل صفحة الويب ويحسن الأداء.
4. رسومات متجهة قابلة للتطوير (سفغ)
رسومات المتجهات القابلة للتطوير (سفغ) هي تنسيق خط قائم على شمل يسمح لك بإنشاء رسومات قابلة للتطوير وناقلات. الخطوط سفغ يمكن استخدامها لإنشاء الرموز ناقلات والأشكال الخط مشكوك فيها.
5. أوبن جزءا لا يتجزأ (محكمة تكافؤ الفرص)
جزءا لا يتجزأ من أوبن (محكمة تكافؤ الفرص) هو تنسيق الخط التي وضعتها مايكروسوفت لاستخدامها من قبل صفحات الويب في تركيبة مع أوبن جزءا لا يتجزأ من (محكمة تكافؤ الفرص) التكنولوجيا. عادة ما يكون لملفات محكمة تكافؤ الفرص امتداد.محكمة تكافؤ الفرص وتستخدم على نطاق واسع لضمان التوافق مع الإصدارات القديمة من متصفحات إنترنت إكسبلورر.
يتيح لك استخدام تنسيق خط مناسب تحسين مظهر صفحات الويب وإنشاء نمط فريد لموقعك. عند اختيار تنسيق الخط ، من الضروري مراعاة التوافق مع المتصفحات وأنظمة التشغيل المختلفة.
قبل تحميل الخطوط: اختيار وشراء
قبل تحميل خط جديد على موقع الويب ، تحتاج إلى تحديد الخط المناسب وشرائه.
عند اختيار خط لموقع الويب الخاص بك ، ضع في اعتبارك العوامل التالية:
- النمط والمزاج: تأكد من أن الخط الذي تختاره يناسب النمط العام والمزاج العام لموقع الويب الخاص بك. على سبيل المثال ، بالنسبة لموقع ويب جاد ومحترف ، من الأفضل اختيار خط كلاسيكي وقابل للقراءة ، في حين أن الخط الأكثر تجريبية وغير عادية قد يكون مناسبا لمدونة إبداعية.
- سهولة القراءة: تأكد من أن الخط المحدد قابل للقراءة بأحجام مختلفة وعلى أجهزة مختلفة. ضع في اعتبارك أيضا أن بعض الخطوط قد تواجه مشكلات في إمكانية القراءة على الشاشة.
- الترخيص: حدد الخط الصحيح مع الترخيص المناسب. قد تكون بعض الخطوط مجانية للاستخدام التجاري ، ولكنها تتطلب الإسناد (الإسناد) أو قد يكون لها قيود أخرى.
- الجودة: إيلاء الاهتمام لجودة الخط. قد تبدو الخطوط منخفضة الجودة أو سيئة الإعداد قبيحة وتسبب مشاكل في العرض على أجهزة مختلفة.
عند تحديد خط مناسب ، تحتاج إلى شرائه من خدمات خطوط الويب أو مطوري الخطوط. تقدم بعض الأنظمة الأساسية ، مثل خطوط جوجل ، خطوطا مجانية يمكن استخدامها دون قيود. قد تقدم الخدمات الأخرى خطوطا مدفوعة بخطط وأسعار مختلفة.
بعد شراء الخط ، ستتلقى ملفات الخطوط بالتنسيق المطلوب ، مثل .ووف أو .أوتف. ثم يمكنك تحميل هذه الملفات إلى الخادم الخاص بك أو استخدام روابط خارجية لتنزيل الخطوط من الخدمات السحابية.
تنزيل الخطوط بتنسيق الملف
لتحميل خط بتنسيق ملف إلى موقع الويب الخاص بك ، اتبع الخطوات التالية:
- ابحث عن الخط الذي تحتاجه في تنسيق الملف. هناك العديد من مواقع الويب التي تقدم خطوطا مجانية ومدفوعة بتنسيق ملف. اختر الخط الأكثر ملاءمة للتصميم الخاص بك.
- قم بتنزيل ملفات الخطوط على جهاز الكمبيوتر الخاص بك. عادة ما يتم تزويد ملفات الخطوط بخيارات خطوط مختلفة مثل العادية والغامقة والمائلة وغيرها. تأكد من أنك قمت بتنزيل جميع الملفات الضرورية.
- قم بإنشاء مجلد" الخطوط " في الدليل الجذر لموقع الويب الخاص بك. إذا كان مجلد الخطوط موجودا بالفعل ، فتخط هذه الخطوة.
- ضع ملفات الخطوط في مجلد الخطوط. تأكد من وجود جميع ملفات الخطوط داخل مجلد "الخطوط" وحفظها بأسماء الملفات الصحيحة ، مثل "اسم الخط".تف " أو " فونتنام.ووف".
- تحديد نمط الخط في ملف كس الخاص بك. للقيام بذلك ، استخدم قاعدة @الخط الوجه. بالإضافة إلى تحديد المسار إلى ملفات الخطوط ، يمكنك أيضا تخصيص خصائص الخط مثل وزن الخط ونمط الخط.
- قم بتطبيق الخط الذي تم تنزيله على العناصر المطلوبة على موقع الويب الخاص بك باستخدام خاصية عائلة الخط.
مثال على استخدام قاعدة @وجه الخط:
@الخط الوجه {
الخط الوزن: عادي;
نمط الخط: عادي;
}