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