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