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