تعد الخطوط عنصرا مهما في تصميم الويب يمكن أن يجعل موقعك فريدا وجذابا. تتمثل إحدى طرق تغيير الخطوط على موقعك في توصيلها عبر هتمل. في هذا الدليل خطوة بخطوة ، سنخبرك بكيفية القيام بذلك.
الخطوة 1: حدد الخطوط التي تحتاجها. هناك العديد من الموارد المجانية والمدفوعة حيث يمكنك العثور على العديد من الخطوط المتاحة للتنزيل. لا تنس التأكد من أن لديك حقوق استخدام الخطوط على موقعك.
الخطوة 2: قم بتنزيل الخطوط المحددة على جهاز الكمبيوتر الخاص بك. عادة ما يتم تقديم الخطوط بتنسيقات.صندوق النقد الدولي أو .أوتف.
الخطوة 3: قم بإنشاء مجلد على الخادم الخاص بك حيث ستقوم بتخزين الخطوط. يوصى بتسمية هذا المجلد "الخطوط" أو "الخطوط" لتسهيل الوصول إلى الملفات في المستقبل.
الخطوة 4: الصق الكود التالي في ملف هتمل الخاص بك:
استبدل "الخط + الاسم" باسم الخط الخاص بك. إذا كنت تريد استخدام خطوط متعددة ، فافصل أسمائها بحرف"/".
الخطوة 5: قم بتحميل ملف الخط الخاص بك إلى الخادم في مجلد "الخطوط" أو "الخطوط". تأكد من أن المسار إلى ملف الخط في السمة "هريف" يطابق المسار على الخادم الخاص بك. على سبيل المثال ، إذا كان ملف الخط الخاص بك يسمى "الخط.الصناديق "ويقع في مجلد "الخطوط" ، ثم سيبدو المسار كما يلي: "الخطوط/الخط.صندوق النقد الدولي".
الخطوة 6: حدد نمط النص الذي تريد تطبيقه على الخط. للقيام بذلك ، استخدم كس. على سبيل المثال ، يمكنك استخدام خاصية "عائلة الخط" وتحديد اسم الخط الخاص بك.
بعد الانتهاء من كل هذه الخطوات ، ستقوم بتوصيل الخطوط بنجاح عبر هتمل على موقعك. لا تنس اختبار الموقع في المتصفحات والأجهزة المختلفة للتأكد من عرض الخطوط بشكل صحيح وممتعة للقراءة.
- ربط الخطوط عبر هتمل: تعليمات خطوة بخطوة
- اختيار الخط المناسب
- تحميل الخطوط إلى الخادم
- ربط الخطوط عبر كس
- استخدام الخطوط المضمنة
- استيراد الخطوط من الموارد الخارجية
ربط الخطوط عبر هتمل: تعليمات خطوة بخطوة
1. ابحث عن الخط المناسب الذي تريد استخدامه على موقع الويب الخاص بك. يمكنك العثور على خطوط مجانية على موارد مختلفة مثل خطوط جوجل أو خطوط أدوبي.
2. عند تحديد الخط المطلوب ، انسخ رمز اتصال الخط من المورد المقابل. عادة ما يكون مثل:
3. افتح مستند هتمل والصق الكود المنسوخ في القسم
الجسم {
الخط الأسرة: "ميفونت" ، بلا الرقيق;
}
5. إذا كان الخط متصلا بشكل صحيح ويمكن الوصول إليه ، فسيتم استخدامه لمحتوى نصي على موقع الويب الخاص بك.
الآن أنت تعرف كيفية توصيل الخطوط عبر هتمل. لا تنس التحقق من عرض الخط المحدد بشكل صحيح على أجهزة ومتصفحات مختلفة لضمان اتساق موقع الويب الخاص بك.
اختيار الخط المناسب
عند اختيار خط لموقع الويب الخاص بك ، من المهم مراعاة ثلاثة جوانب رئيسية: سهولة القراءة والتوافق والانطباع الجمالي.
قابلية القراءة هي جودة الخط الرئيسية التي تضمن قراءة مريحة للمحتوى. يجب أن يكون الخط كبيرا وواضحا بما يكفي لتسهيل قراءة النص. يتراوح حجم الخط الأمثل عادة بين 16 و 18 بكسل.
الجانب التالي هو توافق الخط مع مختلف الأجهزة وأنظمة التشغيل. الخيار الأفضل هي الخطوط المتوفرة في المكتبة القياسية لأنظمة التشغيل مثل أريال ، هلفتيكا ، تايمز نيو رومان وفيردانا. هذا يضمن أن النص الخاص بك سيتم عرضه بشكل صحيح على جميع الأجهزة.
أخيرا ، الانطباع الجمالي مهم لإنشاء تصميم متناغم. اختر الخطوط التي تتطابق مع النمط العام لموقع الويب الخاص بك. على سبيل المثال ، إذا كان موقعك يحتوي على تصميم حديث وبسيط ، فاختر خطوطا ذات خطوط نظيفة وأشكال بسيطة.
أيضا ، لا تنس استخدام أنماط خطوط مختلفة ، مثل الغامق والمائل والمسطر. سيساعد هذا في إبراز النقاط الرئيسية أو إنشاء تسلسل هرمي في النص.
قبل تطبيق خط على موقع الويب الخاص بك ، يوصى باختباره على أجهزة ومتصفحات مختلفة للتأكد من عرضه بشكل صحيح وقابل للقراءة. استخدم ميزات كس لتخصيص إعدادات خط إضافية مثل ارتفاع الخط وتباعد الحروف وما إلى ذلك.
تحميل الخطوط إلى الخادم
بعد تنزيل الخطوط التي تحتاجها ، تحتاج إلى وضع ملفاتها على الخادم الخاص بك. عادة ما يتم استخدام عميل بروتوكول نقل الملفات أو مدير ملفات الاستضافة لهذا الغرض. حدد الدليل على الخادم حيث سيتم تخزين ملفات الخطوط.
- عند تنزيل الخطوط ، تأكد من حفظ جميع ملفات الخطوط في مجلد واحد بحيث يسهل عليك التنقل.
- مثال: يمكنك إنشاء مجلد "خطوط" على الخادم الخاص بك ووضع جميع ملفات الخطوط في هذا المجلد.
- كن حذرا عند تحميل ملفات الخطوط إلى الخادم ، وتأكد من أن جميع الملفات قد تم تحميلها بنجاح وأنها في الدليل الصحيح.
- ربط الخطوط عبر كس
إذا كنت ترغب في استخدام خط خاص على موقع الويب الخاص بك ، يمكنك توصيله عبر كس. سيساعدك هذا في إنشاء مظهر ومظهر فريد للمحتوى الخاص بك.
لتوصيل الخطوط عبر كس ، يمكنك استخدام الخطوات التالية:
حدد الخط الذي تريد استخدامه. تحقق مما إذا كان متاحا للاستخدام على الشبكة.
قم بتنزيل ملف الخط (.صندوق النقد الدولي, .ووف,.2) التي قمت بتحديدها.
قم بإنشاء مجلد جديد على الخادم الخاص بك (على سبيل المثال ، "الخطوط") وضع ملفات الخطوط فيه.
إنشاء كتلة نمط جديد داخل ملف كس لتوصيل الخط. على سبيل المثال:
@الخط الوجه {
الخط الأسرة: 'يورفونتنام';
سرك: ورل('الخطوط/الخاص بك الخط الملف.تف') شكل ('تروتايب');
}
هنا 'يورفونتنام' هو اسم الخط الذي حددته و ' ملف الخط الخاص بك.الصناديق ' هو المسار إلى ملف الخط على الخادم الخاص بك.
5. في ملف كس الخاص بك ، حيث تريد استخدام هذا الخط ، قم بإضافته إلى العناصر الضرورية باستخدام خاصية عائلة الخط. على سبيل المثال:
ص {
الخط الأسرة: 'يورفونتنام' ، بلا الرقيق;
استخدام الخطوط المضمنة
أتش تي أم أل لديه خيار استخدام بعض الخطوط المضمنة ، والتي تتوفر بشكل افتراضي في معظم المتصفحات. يتيح لك ذلك إنشاء نص منمق دون الحاجة إلى تنزيل خطوط إضافية وتوصيلها.
| لاستخدام الخطوط المضمنة ، يمكنك تطبيق خصائص كس القياسية مثل | الخط الأسرة |
|---|---|
| و | حجم الخط |
| ، إلى العناصر المطلوبة. | يوجد أدناه جدول يحتوي على بعض الخطوط المضمنة الأكثر شيوعا: |
| Шрифт | Код |
| Times New Roman | font-family: "Times New Roman", Times, serif; |
| Arial | font-family: Arial, sans-serif; |
Georgia
font-family: Georgia, serif;
Courier New
font-family: "Courier New", Courier, monospace;
Чтобы использовать встроенные шрифты, просто добавьте соответствующее свойство
font-familyفي نمط العنصر المطلوب ، سيقوم المتصفح بتطبيق الخط المحدد على هذا العنصر ومحتوياته.
لاحظ أن الخطوط المضمنة قد تختلف وفقا لنظام التشغيل والمتصفح ، لذا ضع في اعتبارك أنه قد يتم عرض النص بشكل مختلف على أجهزة مختلفة.استيراد الخطوط من الموارد الخارجية
لاستيراد الخطوط من الموارد الخارجية إلى صفحة هتمل ، يجب عليك استخدام قاعدة @ الخط الوجه داخل العلامة.
أولا ، تحتاج إلى تحديد اسم الخط باستخدام خاصية عائلة الخط: