تصميم الويب لا ينفصل عن اختيار الخط الصحيح. تخلق الخطوط جوا وخلفية عاطفية على الموقع ، فضلا عن زيادة سهولة قراءة محتوى النص. إحدى طرق استخدام الخطوط الجميلة والأصلية هي استخدام الخطوط من جوجل.
توفر جوجل مجموعة واسعة من الخطوط المجانية التي يمكن توصيلها بسهولة وببساطة بموقعك. للقيام بذلك ، اتبع بعض الخطوات البسيطة والصق بضعة أسطر من التعليمات البرمجية في موقع الويب الخاص بك. في هذه المقالة ، ونحن سوف اقول لكم كيفية إدراج الخطوط جوجل بشكل صحيح على موقع الويب الخاص بك وإعطائها نظرة فريدة من نوعها.
الخطوة الأولى هي تحديد الخط المناسب على موقع خطوط جوجل. توفر جوجل الخطوط أكثر من 800 الخطوط الحرة من مختلف الأنماط والمزاجية للاختيار من بينها. هنا يمكنك تحديد الخطوط وتخصيصها ومعرفة كيف ستبدو على موقعك في الوقت الفعلي. بعد تحديد الخط المناسب ، انقر فوق الزر" تحديد الخطوط " الموجود في الزاوية العلوية اليمنى من الشاشة وأضف الخط المحدد إلى مجموعتك.
- كيفية استخدام الخطوط من جوجل
- الخطوة 1: اختيار وتنزيل الخطوط
- الخطوة 2: إدراج الخطوط في كود هتمل
كيفية استخدام الخطوط من جوجل
الخطوط من جوجل توفر مجموعة كبيرة من الخطوط التي يمكن استخدامها مجانا على صفحات الويب. لاستخدام خطوط جوجل ، اتبع الخطوات التالية:
| الخطوة 1. | حدد الخطوط التي تحتاجها |
| الخطوة 2. | ربط الخطوط إلى هتمل |
| الخطوة 3. | استخدم الخطوط المحددة في كس |
الخطوة 1. حدد الخطوط التي تحتاجها:
أولا وقبل كل شيء ، تحتاج إلى اختيار الخطوط التي تريد ومناسبة لمشروعك. جوجل الخطوط يوفر مجموعة غنية من الخطوط في أنماط مختلفة ، بدءا من الخطوط الكلاسيكية مثل" أريال "و" تايمز نيو رومان " إلى خطوط أكثر حداثة وغير عادية. يمكنك عرض جميع الخطوط المتاحة على موقع جوجل الخطوط واختيار تلك التي تريد.
الخطوة 2. ربط الخطوط إلى هتمل:
بعد تحديد الخطوط الضرورية ، تحتاج إلى توصيلها بصفحة الويب الخاصة بك. للقيام بذلك ، سوف تحتاج إلى استخدام رمز اتصال الخط من جوجل. الصق الكود التالي داخل قسم مستند هتمل:
استبدل "الاسم + الخط" باسم الخط المحدد الذي تريد استخدامه. إذا كنت تريد استخدام خطوط متعددة ، أضف أسماءها بخط عمودي"/".
вашего HTML-документа:}
استبدال 'اسم الخط' مع اسم الخط المحدد الذي تريد استخدامه. إذا كنت تريد تطبيق الخط على المستند بأكمله ، فأضف الكود التالي إلى القسم
الجسم {
الخط الأسرة: 'اسم الخط' ، بلا الرقيق;
}
الآن أنت تعرف كيفية استخدام خطوط جوجل على صفحة ويب. ربط الخطوط اللازمة ، وتحديدها في كس وإنشاء تصميم فريد من نوعه لمشروعك!
الخطوة 1: اختيار وتنزيل الخطوط
1. انتقل إلى موقع جوجل الخطوط في https://fonts.google.com /.
2. تصفح الخطوط المختلفة باستخدام أدوات وفلاتر مختلفة للعثور على أفضل ما يناسب تصميم موقع الويب الخاص بك.
3. انقر على الخط الذي ترغب في فتح صفحة مع معلومات مفصلة حول هذا الموضوع.
4. في صفحة الخط ، سترى خيارات خطوط متنوعة ، مثل غامق أو مائل أو عادي. حدد الخيارات التي تحتاجها واضبط إعدادات الخط حسب رغبتك.
5. عند تحديد جميع خيارات الخط الضرورية ، انقر فوق الزر "تحديد هذا الخط" لإضافته إلى قائمة الخطوط المحددة.
6. عند الانتهاء من تحديد الخطوط ، انتقل إلى قائمة الخطوط المحددة ، والتي ستكون في أسفل الصفحة.
7. إذا كنت تريد إضافة خطوط أخرى ، كرر الخطوات من 2 إلى 6. عند الانتهاء من تحديد جميع الخطوط التي تحتاجها ، انتقل إلى الخطوة التالية.
8. في قائمة الخطوط المحددة أسفل الصفحة ، ابحث عن الزر" تنزيل". انقر فوقه لتنزيل أرشيف مضغوط يحتوي على جميع الخطوط المحددة.