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