يعد اختيار الخط الصحيح عنصرا مهما في تصميم صفحة الويب. لإنشاء نمط فريد وتعزيز الانطباع البصري ، يمكنك استخدام الخطوط مع خطوط جوجل. توفر هذه الخدمة المجانية مجموعة واسعة من الخطوط التي يمكن إضافتها بسهولة إلى موقع الويب الخاص بك. في هذا البرنامج التعليمي خطوة بخطوة ، سنوضح لك كيفية إدراج خط من خطوط جوجل على صفحة الويب الخاصة بك.
الخطوة 1: ابحث عن الخط الذي تحتاجه
الخطوة الأولى هي تحديد الخط المناسب باستخدام خدمة خطوط جوجل. للقيام بذلك ، انتقل إلى موقع الويب الخاص بهم وعرض الخطوط المتاحة. يمكنك تصفيتها حسب الفئات والحالات المزاجية المختلفة للعثور على الخيار الأمثل الذي يناسب مشروعك.
الخطوة 2: أضف الخط إلى موقع الويب الخاص بك
صفحة الويب الخاصة بك. يحتوي هذا الرمز على إرشادات لتنزيل الخط المحدد وتطبيقه على موقعك.
الخطوة 3: تطبيق الخط على النص
. يمكنك تطبيق الخط على أي عنصر أو فئة تريد أن يتم تزيين النص بخط خطوط جوجل.
- اختيار الخط والتحميل
- ابحث عن خط مناسب
- فتح خطوط جوجل
- البحث عن الخط والاختيار
اختيار الخط والتحميل
لبدء عملية إدراج خط من خطوط جوجل ، يجب عليك أولا تحديد الخط المناسب لمشروعك.
1. انتقل إلى موقع جوجل الخطوط الرسمي (https://fonts.google.com /).
2. استخدم شريط البحث للعثور على خط يلبي متطلباتك. يمكنك البحث عن طريق اسم الخط أو تصفح المتاحة حسب الفئة.
3. عندما تعثر على خط مناسب ، مرر مؤشر الماوس فوقه وانقر فوق الزر "تحديد عائلة الخطوط هذه". يمكنك أيضا تحديد خطوط متعددة بالنقر فوق الزر" تحديد خيارات أخرى " بجوار الخط.
4. بعد تحديد الخطوط التي تريد استخدامها ، سيظهر الشريط الجانبي لعائلة الخطوط في الزاوية اليمنى السفلية من الشاشة.
5. في الشريط الجانبي ، حدد خيارات الخط المطلوبة ، مثل نوع الخط (غامق ومائل) والحجم واللغة.
6. بعد تحديد جميع الإعدادات اللازمة ، قم بالتمرير إلى أسفل الصفحة وانقر فوق الزر "إدراج رمز الويب".
7. سيتم عرض رمز هتمل الذي تم إنشاؤه على الصفحة الجديدة ، والتي ستحتاج إلى إضافتها إلى صفحة الويب الخاصة بك.
8. انسخ رمز هتمل باستخدام اختصار لوحة المفاتيح كنترول + ج ، أو انقر بزر الماوس الأيمن وحدد نسخ.
الآن بعد أن قمت بتحديد وإنشاء رمز هتمل للخط الخاص بك ، يمكنك تحميله على صفحة الويب الخاصة بك باتباع الخطوات التالية في التعليمات.
ابحث عن خط مناسب
للبدء ، افتح موقع خطوط جوجل في أي متصفح. يقدم هذا المورد مجموعة كبيرة من الخطوط المجانية ذات الأنماط والحالات المزاجية المختلفة.
1. سترى مربع بحث في الزاوية اليسرى العليا من الصفحة. أدخل كلمة رئيسية تصف نمط الخط الذي تحتاجه.
2. انقر على الخط لمشاهدته بمزيد من التفصيل. ستجد في صفحة الخط معلومات عنها وأمثلة الاستخدام والإعدادات.
3. لإضافة خط إلى مجموعتك ، انقر فوق الزر" تحديد". يمكنك تحديد خطوط متعددة لمقارنتها أو استخدامها في أجزاء مختلفة من الموقع.
4. عند الانتهاء من التحديد ، انقر فوق الزر" أخذ الرمز " في الزاوية اليمنى السفلية من الشاشة. يتم فتح نافذة تحتوي على رمز إدخال الخط.
5. انسخ الكود المقدم والصقه في علامة مستند هتمل الخاص بك. عادة ما يتم ذلك مباشرة بعد علامة الافتتاح.
6. الآن يمكنك البدء في استخدام الخط المحدد على موقعك. للقيام بذلك ، في نمط كس من العناصر التي تريد تطبيق الخط ، إضافة خاصية الخط الأسرة ، وتحديد اسم الخط المحدد في علامات الاقتباس.
باستخدام البحث عن خطوط جوجل ، يمكنك بسهولة العثور على خط عصري ومناسب لموقعك وتنفيذه ، مما يخلق أسلوبا فريدا له.
فتح خطوط جوجل
لبدء عملية إدراج خط من خطوط جوجل ، تحتاج إلى فتح موقع خطوط جوجل.
1. افتح المتصفح واكتب في شريط العناوين https://fonts.google.com
2. بعد تحميل الصفحة ، سترى الصفحة الرئيسية لخطوط جوجل ، والتي تقدم خطوطا مختلفة.
3. استخدم شريط البحث للعثور على الخط المحدد الذي تريد إدراجه على موقعك. أدخل اسم الخط أو خصائصه لتبسيط البحث.
4. عرض نتائج البحث وحدد الخط الذي تريده. اضغط عليها لفتح صفحة تحتوي على معلومات مفصلة.
5. في صفحة الخط ، يمكنك مشاهدة أمثلة للنص المكتوب بهذا الخط ، بالإضافة إلى أنماط وأوزان الخطوط المتاحة مثل الخط الغامق والمائل وما إلى ذلك.
6. للحصول على رمز إدراج الخط على موقعك ، انقر فوق رمز "تحديد هذا النمط" بجوار نمط الخط المطلوب.
7. بعد ذلك ، سترى لوحة "العائلة المحددة" على الجانب الأيمن من الشاشة. ستعرض هذه اللوحة رمز التضمين على موقعك.
والآن بعد أن كنت قد فتحت جوجل الخطوط واختيار الخط المناسب ، وكنت على استعداد للانتقال إلى الخطوة التالية — تضمين الخط على موقع الويب الخاص بك.
البحث عن الخط والاختيار
1. انتقل إلى موقع جوجل الخطوط الرسمي في https://fonts.google.com/
2. أدخل اسما أو كلمات رئيسية تصف نمط ونوع الخط الذي تبحث عنه في مربع البحث.
3. استخدم عوامل التصفية في علامة التبويب الخط لتحسين معايير البحث: على سبيل المثال ، يمكنك تحديد خطوط من نوع معين (على سبيل المثال ، "مائل") ، وخطوط بسماكة معينة (على سبيل المثال ، "غامق") ، وخطوط بمجموعة معينة من الأحرف ، وما إلى ذلك.
4. انقر على الصورة أو اسم الخط من قائمة النتائج لمعرفة المزيد عنها.
5. يمكنك عرض النصوص المكتوبة بالخط المحدد وتقييم قابليتها للقراءة وتأثيرها البصري.
6. إذا كان الخط يناسبك ، فانقر فوق الزر" تحديد " لإضافته إلى مجموعة الخطوط الخاصة بك.
7. بعد تحديد جميع الخطوط المطلوبة ، انقر فوق رمز " المهملات "في الزاوية العلوية اليمنى من الشاشة لفتح لوحة" الخطوط قيد الاستخدام".
8. في الخطوط في لوحة الاستخدام ، يمكنك رؤية جميع الخطوط التي حددتها. فإنه يعرض أيضا التعليمات البرمجية التي تحتاج إلى إدراجها في موقع الويب الخاص بك أو مشروع لاستخدام هذه الخطوط.
9. انسخ الكود والصقه في المكان المناسب في مشروعك. بعد ذلك ، سيتم عرض الخطوط على موقع الويب الخاص بك وفقا للإعدادات التي حددتها.
10. تحقق من عرض الخطوط بشكل صحيح وتلبية توقعاتك.