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