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