الانتقال إلى المحتوى الرئيسي

كيفية نسخ رابط الخط: تعليمات مفصلة

رابط الخط هو عنوان خاص يسمح لك بتوصيل الخط المحدد بمشروعك بسرعة وسهولة. غالبا ما يستخدم مصممو الويب والمطورون خطوطا خارجية لإنشاء نمط فريد لمواقعهم على الويب. لتوصيل خط بمشروعك ، تحتاج إلى معرفة الرابط الخاص به. في هذه المقالة ، سنشرح بالتفصيل كيفية نسخ رابط إلى خط.

الخطوة 1: حدد الخط

قبل نسخ رابط الخط ، تحتاج إلى تحديد الخط المناسب لمشروعك. يمكنك العثور على العديد من الخطوط المجانية والمدفوعة على مواقع وموارد الخطوط المختلفة. إيلاء الاهتمام لنمط ومزاج المشروع الخاص بك لاختيار الخط المناسب.

الخطوة 2: ابحث عن رابط الخط

بعد تحديد الخط ، تحتاج إلى العثور على الرابط الخاص به. توفر بعض مواقع الويب رابطا للخط مباشرة في صفحة المعاينة ، بينما تتطلب مواقع الويب الأخرى إجراءات إضافية للحصول على الرابط.

الخطوة 3: انسخ رابط الخط

عندما تجد مرجع الخط ، يجب عليك نسخه ثم لصقه في مشروعك. لنسخ رابط ، حدد نص الرابط واضغط كنترول + ج (أو انقر بزر الماوس الأيمن وحدد نسخ).

نصيحة : قبل إدراج رابط خط في مشروعك ، يوصى بحفظ رابط الخط في مكان آمن لاستخدامه في المستقبل.

  1. الخطوة 1: افتح متصفح الويب
  2. الخطوة 2: حدد الخط المطلوب
  3. الخطوة 3: افتح قسم أدوات المطور
  4. الخطوة 4: حدد خطا من قائمة الموارد
  5. الخطوة 5: انسخ رابط الخط
  6. الخطوة 6: الصق رابط الخط في الكود الخاص بك

الخطوة 1: افتح متصفح الويب

الخطوة 2: حدد الخط المطلوب

هناك طرق مختلفة لتحديد الخط المطلوب:

1. باستخدام الخطوط القياسية.

تقدم أنظمة التشغيل أنواعا مختلفة من الخطوط القياسية المستخدمة على نطاق واسع في تطوير الويب. بعض الأمثلة على هذه الخطوط هي أريال ، تايمز نيو رومان ، هلفتيكا ، إلخ. يتيح لك اختيارهم التأكد من عرض الخط بشكل صحيح على أجهزة ومتصفحات مختلفة.

2. استخدام خطوط الويب.

خطوط الويب هي خطوط خاصة يتم تنزيلها من الخادم وعرضها مباشرة على الصفحة. أنها توفر فرصة لاستخدام الخطوط غير المثبتة على جهاز الكمبيوتر الخاص بالمستخدم. لاستخدام خطوط الويب ، يجب عليك توصيل الرمز المقدم من موفر الخطوط.

3. استخدام خدمات اختيار الخط.

هناك العديد من الخدمات التي تقدم مكتبات الخطوط للاستخدام على صفحات الويب. في مثل هذه الخدمات ، يمكنك تحديد الخط المطلوب وتكوين معلماته والحصول على رمز جاهز للاتصال على صفحتك.

عند اختيار الخط ، من المهم أن تأخذ في الاعتبار سهولة قراءته ، والتوافق مع عناصر التصميم الأخرى والامتثال للنمط العام للمشروع. يجدر أيضا تذكر حقوق النشر عند استخدام خطوط الجهات الخارجية.

ملاحظة: يجب فحص الخط المحدد على مختلف الأجهزة والمتصفحات للتأكد من عرضه بشكل صحيح.

الخطوة 3: افتح قسم "أدوات المطور"

لنسخ رابط الخط ، ستحتاج إلى "أدوات المطور" في متصفح الويب الخاص بك. تتيح لك هذه الأداة تحليل التعليمات البرمجية والموارد الخاصة بصفحة الويب ، بالإضافة إلى تنفيذ إجراءات متنوعة باستخدام عناصر الصفحة.

لفتح أدوات المطور ، انقر بزر الماوس الأيمن على الصفحة وحدد" استكشاف العنصر "(في كروم) أو" التحقق من العنصر " (في فايرفوكس). يمكنك أيضا استخدام اختصارات لوحة المفاتيح: فورمولا 12 (على ويندوز) أو الأمر + الخيار + أنا (على ماك).

الخطوة 4: حدد خطا من قائمة الموارد

بعد الانتقال إلى الموقع حيث يتم تقديم قائمة الموارد مع الخطوط المتاحة ، حدد الخط المطلوب لنسخ الرابط.

1. قم بالتمرير خلال قائمة الموارد وانظر إلى خيارات الخطوط المختلفة للعثور على الخيار المناسب لمشروعك.

2. بالإضافة إلى نمط الخط ، ضع في اعتبارك متطلبات مشروعك ، مثل الحجم والأحرف المحددة.

يرجى ملاحظة أن بعض الموارد قد تقدم خطوطا للاستخدام الشخصي فقط ، بينما قد يكون لدى البعض الآخر قيود على الاستخدام التجاري. تأكد من أن المورد الذي تختاره يلبي متطلباتك.

الخطوة 5: انسخ رابط الخط

بعد تحديد الخط المطلوب وتكوين معلماته ، تحتاج إلى نسخ الرابط إلى الخط لتمكينه على موقع الويب الخاص بك. للقيام بذلك ، اتبع الخطوات التالية:

1. في الزاوية اليمنى العليا من الصفحة ، ابحث عن الزر" الحصول على رمز "أو" تضمين". اضغط عليها.

2. سيتم فتح نافذة منبثقة مع إعدادات التعليمات البرمجية والخط.

3. في هذه النافذة ، ابحث عن كتلة التعليمات البرمجية المسماة "تضمين" أو "رابط".

4. انسخ الرابط إلى الخط عن طريق تحديده والنقر بزر الماوس الأيمن ، ثم تحديد "نسخ" أو "نسخ".

5. الآن لديك رابط للخط في الحافظة. يمكنك لصقه في محرر نصوص موقع الويب الخاص بك أو بيئة تطوير متكاملة لتوصيل الخط.

ملاحظة: تأكد من نسخ رابط الخط بشكل صحيح بدون أحرف أو مسافات إضافية.

الخطوة 6: الصق رابط الخط في الكود الخاص بك

بمجرد استلام رابط الخط ، تحتاج إلى لصقه في الكود الخاص بك حتى يتمكن المتصفح من تنزيل الخط وتطبيقه على النص الخاص بك.

للقيام بذلك ، أضف الكود التالي إلى علامة صفحة هتمل الخاصة بك:

بدلا من" مرجع الخط " ، تحتاج إلى تحديد الرابط الفعلي للخط الخاص بك من الخطوة 5. تأكد من إضافة هذا الرمز داخل العلامة.

إذا كنت تستخدم ملف كس خارجي ، الصق هذا الرمز في قسم ملف كس الخاص بك.