جوجل الخطوط هي مكتبة الخطوط المجانية التي تقدمها جوجل التي تسمح للمطورين على شبكة الإنترنت لاستخدام مجموعة متنوعة من الخطوط على مواقعها على شبكة الإنترنت. هذه فرصة رائعة لإثراء تصميم مشروع الويب الخاص بك وجعله أكثر جاذبية للمستخدمين.
في هذا الدليل ، سأخبرك بكيفية استخدام خطوط جوجل في مشروعك. أولا ، سوف تتعلم كيفية توصيل الخطوط بحيث تكون متاحة على موقعك. بعد ذلك ، سنلقي نظرة على طرق مختلفة لتطبيق الخطوط على النص وكيفية تغيير أنماطها باستخدام كس.
تقدم جوجل الخطوط أكثر من 900 الخطوط في مختلف الأساليب والإعدادات. وهي مقسمة إلى فئات ، والتي سوف تساعدك على اختيار الخط المناسب على أساس موضوع المشروع الخاص بك. يمكنك بسهولة تثبيت خط جديد ببساطة عن طريق إضافة رمزه إلى مستند هتمل الخاص بك. يمكنك أيضا تخصيص الخطوط عن طريق تغيير مظهرها وتطبيق تأثيرات مثل الغامق والمائل باستخدام خصائص كس.
- وصف موجز للخدمة
- ربط خطوط جوجل بالموقع
- خطوات إضافة الخطوط
- استخدام خطوط جوجل في كس
وصف موجز للخدمة
توفر خدمة الخطوط جوجل وسيلة مريحة لإدارة وربط الخطوط إلى المشروع الخاص بك. جميع الخطوط على جوجل الخطوط مرخصة للاستخدام المجاني ويمكن تحميلها وتثبيتها على موقع الويب الخاص بك دون قيود.
كل ما عليك القيام به هو تحديد الخط المطلوب على موقع جوجل الخطوط ، نسخ التعليمات البرمجية المقترحة ولصقه على موقع الويب الخاص بك. تستغرق العملية برمتها بضع دقائق فقط ولا تتطلب الكثير من الخبرة الفنية.
| مزايا خطوط جوجل: |
| 1. مجموعة واسعة من الخطوط لتحسين مظهر موقعك. |
| 2. استخدام مجاني بدون قيود وتراخيص. |
| 3. سهلة التركيب والاتصال إلى موقع الويب الخاص بك. |
| 4. الوصول السريع إلى ما يصل إلى تاريخ الخطوط من خلال البنية التحتية السحابية جوجل. |
يعد استخدام خطوط جوجل طريقة رائعة لإضافة الشخصية والجمال إلى موقع الويب الخاص بك ، وزيادة ظهوره وتعزيز تجربة المستخدم. خدمة الخطوط جوجل سوف تساعدك على اختيار وتنفيذ الخطوط مثالية للمشروع الخاص بك.
ربط خطوط جوجل بالموقع
لاستخدام الخطوط من مكتبة الخطوط جوجل على موقع الويب الخاص بك ، تحتاج إلى اتباع بعض الخطوات البسيطة.
1. افتح موقع خطوط جوجل وحدد الخطوط التي تحتاجها. يمكنك البحث عن الخطوط حسب الفئة أو التصفية أو تصفح المجموعات.
2. بعد تحديد الخطوط الضرورية ، انقر فوق الزر" تحديد". تفتح لوحة الإعدادات.
3. اضبط إعدادات الخط باستخدام اللوحة. يمكنك تحديد الخطوط العريضة والأحجام ونموذج النص للمعاينة والخيارات الأخرى.
4. بعد تكوين الإعدادات ، انسخ رمز اتصال الخط الذي تم إنشاؤه.
5. الصق الكود المنسوخ في قسم مستند هتمل. قد يبدو نموذج التعليمات البرمجية كما يلي:
| |
6. استبدل" الخط+الاسم "باسم الخط الذي حددته ، واستبدل المسافات بأحرف"+". يمكنك أيضا استبدال" الخط المخصص " بالفئة التي سيتم استخدامها لتطبيق الخط. إذا كنت لا تريد استخدام الفصل ، فتخط هذه الخطوة.
7. بعد توصيل الخط على موقعك ، يمكنك تطبيقه على عناصر هتمل المطلوبة باستخدام أنماط الفئة المضافة أو كس.
الآن أنت تعرف كيفية الاتصال واستخدام الخطوط من جوجل الخطوط على موقع الويب الخاص بك. هذه طريقة بسيطة وفعالة لتحسين مظهر المحتوى الخاص بك وجعله أكثر جاذبية للزوار.
خطوات إضافة الخطوط
لإضافة خطوط من خطوط جوجل إلى موقع الويب الخاص بك ، اتبع هذه الخطوات البسيطة:
- افتح المتصفح وانتقل إلى https://fonts.google.com /.
- ابحث عن الخط الذي تريده ، أو استخدم البحث عن الاسم.
- عند تحديد خط ، انقر فوق الزر" تحديد الأنماط".
- في النافذة التي تظهر ، يمكنك ضبط إعدادات الخط المختلفة ، مثل نوع الخط والإمالة والوزن وغيرها. حدد الخيارات التي تحتاج إليها.
- بعد تحديد الأنماط ، انقر فوق الزر" تضمين".
- انسخ الكود الذي تم إنشاؤه والذي يظهر أدناه والصقه في قسم مستند هتمل الخاص بك.
- مع القيمة المحددة في التعليمات البرمجية التي تم إنشاؤها.
مبارك! الآن أنت تعرف كيفية إضافة الخطوط من جوجل الخطوط إلى موقع الويب الخاص بك. لا تنس إعادة تشغيل موقعك لمشاهدة التغييرات. حظا سعيدا في العمل مع الخطوط!
استخدام خطوط جوجل في كس
توفر جوجل الخطوط مجموعة مجانية من الخطوط التي يمكن استخدامها على الموقع. لاستخدام خطوط جوجل الخطوط في المغلق ، اتبع الخطوات التالية:
1. حدد الخطوط
الخطوة الأولى هي تحديد الخطوط من مكتبة خطوط جوجل. يحتوي موقع خطوط جوجل على أدوات للبحث عن الخطوط واختيارها. يمكنك تصفح الخطوط حسب الفئة وفرزها حسب الشعبية أو التصنيف وعرض الأشكال المختلفة لكل خط.
مثال:
@استيراد رابط ('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&عرض=مبادلة');
2. ربط الخطوط إلى الموقع
).
مثال:
3. استخدام الخطوط في المغلق
بعد توصيل الخطوط بموقع ويب ، يمكنك استخدامها في ملف كس باستخدام الخاصية
الخط الأسرة