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