الخط المفتوح بلا هو خط شائع ومتعدد الاستخدامات يستخدم على نطاق واسع من قبل مصممي الويب والمطورين. يتمتع بقابلية قراءة جيدة على الأجهزة والشاشات المختلفة ، مما يجعله خيارا مثاليا لإنشاء مواقع ويب أنيقة وعصرية. لتثبيت جميع أنماط وإعدادات الخط المفتوح بلا ، اتبع الإرشادات البسيطة الواردة أدناه.
الخطوة 1: قم بتنزيل الخطوط المفتوحة بلا
الخطوة الأولى هي تحميل جميع ملفات الخط بلا مفتوحة ، بما في ذلك مختلف الخطوط (العادية ، جريئة ، مائل وغيرها) والإضافات (تف ، يوت ، وف ، الخ.). يمكنك تحميل جميع هذه الملفات من موقع جوجل الخطوط الرسمية أو من مصادر موثوقة أخرى. تأكد من أن لديك جميع الملفات الضرورية قبل المتابعة إلى الخطوة التالية.
الخطوة 2: ربط الخطوط بموقعك
بعد تنزيل جميع ملفات الخطوط المفتوحة بلا على جهاز الكمبيوتر الخاص بك ، تحتاج إلى توصيلها بموقعك على الويب. للقيام بذلك ، ستحتاج إلى أنماط كس ، والتي يمكنك إدراجها في ملف النمط الخاص بك أو إضافتها مباشرة إلى رمز صفحة الويب الخاصة بك. هنا مثال على التعليمات البرمجية التي يمكنك استخدامها لتوصيل الخط بلا مفتوحة:
الخطوة 3: تكوين خطوط بلا مفتوحة
بعد توصيل الخط بلا مفتوحة إلى موقع الويب الخاص بك ، يمكنك تخصيصه وفقا لاحتياجاتك. يمكنك تغيير حجم الخط وسمكه ونمطه وخصائص أخرى باستخدام أنماط كس. على سبيل المثال ، يمكنك إضافة الخصائص التالية إلى رمز كس الخاص بك:
ص {
حجم الخط: 16 بكسل;
وزن الخط: غامق;
نمط الخط: مائل;
}
بعد هذا الدليل خطوة بخطوة ، سوف تكون قادرا على تثبيت وتكوين جميع الخطوط بلا مفتوحة لموقع الويب الخاص بك. تذكر أن اختيار الخط الصحيح وإعداده لهما تأثير كبير على التصور العام لموقع الويب الخاص بك ومظهره ، لذلك يجدر إيلاء الاهتمام الكافي لهذه المشكلة.
- مجموعة كاملة من الخطوط بلا مفتوحة
- تحميل الخطوط بلا مفتوحة من الموقع الرسمي
- طرق لتثبيت الخطوط بلا مفتوحة على منصات مختلفة
- نصائح لاستخدام خطوط بلا مفتوحة في تصميم الويب
مجموعة كاملة من الخطوط بلا مفتوحة
في المجموع ، هناك 10 خطوط في عائلة الخطوط المفتوحة التي تسمح لك باختيار النمط المناسب لمشروعك:
- فتح بلا ضوء
- Open Sans Light Italic
- Open Sans Regular
- Open Sans Italic
- Open Sans Semi-Bold
- Open Sans Semi-Bold Italic
- Open Sans Bold
- Open Sans Bold Italic
- Open Sans Extra-Bold
- Open Sans Extra-Bold Italic
Каждое начертание обладает своей уникальной особенностью и может быть использовано для создания различных эффектов и акцентов в тексте. يمكنك تنزيل وتثبيت كل من هذه الخطوط على جهاز الكمبيوتر أو موقع الويب الخاص بك للوصول الكامل إلى المجموعة بأكملها.
تحميل الخطوط بلا مفتوحة من الموقع الرسمي
لتثبيت جميع الخطوط بلا مفتوحة ، تحتاج إلى تحميلها من موقع جوجل الخطوط الرسمية. يوفر هذا المورد حرية الوصول إلى مجموعة واسعة من الخطوط عالية الجودة ، بما في ذلك بلا مفتوحة.
للبدء ، افتح الموقع الرسمي لخطوط جوجل في متصفحك. يمكنك استخدام محرك البحث أو إدخال العنوان مباشرة fonts.google.com
في الصفحة الرئيسية ، حدد "فتح بلا" من قائمة الخطوط المتاحة. ثم انقر فوق الزر" تحديد هذا الخط " بجوار الخط المحدد.
بعد تحديد الخط ، تحتاج إلى ضبط إعدادات الخط. يمكنك تحديد نوع الخط (استخدم خيار "الكل" لتحميل جميع الخطوط) وحجم الخط وارتفاع الخط والإعدادات الإضافية.
بعد إعداد المعلمات ، انقر فوق الزر" تضمين " في الزاوية اليمنى العليا من الصفحة. في اللوحة التي تفتح ، ابحث عن قسم" تضمين الخط " وانسخ رمز هتمل الناتج.
الآن ، لتحميل خطوط بلا مفتوحة إلى موقع الويب الخاص بك ، الصق الكود المنسوخ في قسم صفحة هتمل الخاصة بك:
- بعد إدخال الرمز ، احفظ التغييرات في ملف هتمل وتحقق من تحميل الخطوط بشكل صحيح على موقع الويب الخاص بك. الآن ، يمكنك استخدام خطوط بلا مفتوحة في مشروعك.
- طرق لتثبيت الخطوط بلا مفتوحة على منصات مختلفة
- تثبيت الخط بلا مفتوحة على جهاز كمبيوتر ويندوز:
- قم بتنزيل ملف الخط المفتوح بلا من الموقع الرسمي لخطوط جوجل.
- افتح المجلد حيث تم تحميل ملف الخط. انقر بزر الماوس الأيمن على ملف الخط وحدد تثبيت.
- يتم الآن تثبيت الخط المفتوح بلا على جهاز الكمبيوتر الخاص بك ومتاح للاستخدام في التطبيقات والبرامج.
- تثبيت الخط بلا مفتوحة على جهاز كمبيوتر ماك:
- قم بتنزيل ملف الخط المفتوح بلا من الموقع الرسمي لخطوط جوجل.
- افتح ملف الخط لمعاينته ، ثم انقر فوق الزر تثبيت أعلى نافذة المعاينة.
- قم بتأكيد تثبيت الخط عن طريق إدخال كلمة مرور المسؤول.
- افتح أي برنامج يدعم الخطوط وسترى أن الخط المفتوح بلا متاح الآن للاستخدام.
- إضافة التعليمات البرمجية التالية إلى ملف المغلق موقع الويب الخاص بك لتحديد الفئات باستخدام الخط بلا مفتوحة:
إضافة التعليمات البرمجية التالية إلى قسم الرأس من المستند أتش تي أم أل الخاص بك:
الجسم {
الخط الأسرة: 'فتح بلا' ، بلا الرقيق;
}
الآن سيتم تطبيق الخط بلا مفتوحة لجميع عناصر النص من الموقع ملحوظ مع فئة" فتح بلا".
اختر الطريقة المناسبة لتثبيت الخط المفتوح بلا على النظام الأساسي الخاص بك واستمتع باستخدامه في مشاريعك.
نصائح لاستخدام خطوط بلا مفتوحة في تصميم الويب
1. التباين وسهولة القراءة
بلا مفتوحة يقرأ جيدا على الشاشة ، وخاصة على أحجام الخطوط الصغيرة. عند اختيار فتح بلا للنص الرئيسي ، تأكد من أن تباين الخلفية يسمح للنص بالتميز والبقاء قابلا للقراءة.
2. التوافق مع الخطوط الأخرى