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