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