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