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