رسم توضيحي لشرح خطوط جوجل اللطيفة

صمم شريحة إنفوجرافيك يابانية أنيقة وناعمة، بخلفية بيضاء نقية ومربعات لونية تجريدية ناعمة مستديرة باللون الأزرق الفاتح والكريمي والأخضر الفاتح. يتميز التصميم بأنه ودود وتعليمي وعصري، مع خطوط يابانية بارزة مستديرة، وظلال خفيفة، وخطوط رمادية رفيعة، وفواصل منقطة، ورسومات زخرفية صغيرة. في أعلى المنتصف، ضع عنوانًا بارزًا باللون الأزرق الداكن بعنوان &quot;كيفية استخدام خطوط جوجل&quot;. أسفله مباشرةً، أضف عنوانًا فرعيًا أزرق بعنوان &quot;الاستيراد في 3 خطوات&quot;، محاطًا بصف من النقاط الزرقاء الصغيرة. في الزاوية العلوية اليمنى، أضف شارة صفحة دائرية زرقاء مكتوب عليها &quot;2/2&quot;. رتب ثلاث بطاقات خطوات مستطيلة مستديرة بالتساوي من اليسار إلى اليمين في الصف الأوسط بالأعلى. تتميز كل بطاقة بخلفية فاتحة وحواف ناعمة وشارة دائرية ملونة تحمل رقمًا في الزاوية العلوية اليسرى. البطاقة الأولى لها خلفية زرقاء فاتحة وشارة زرقاء مكتوب عليها &quot;1&quot; في الداخل. تتميز البطاقة الأولى برمز عدسة مكبرة بسيط موضوع فوق الحرف &quot;Aa&quot;، ومزين بنجمة صفراء صغيرة. العنوان الغامق هو &quot;اختر الخطوط&quot;، والنص الأصغر أسفله هو &quot;استكشف الخطوط التي تعجبك&quot;. أما البطاقة الثانية، فلها خلفية خضراء فاتحة مع شارة خضراء تحمل الرقم &quot;2&quot;. وتعرض رمز نافذة متصفح بين قوسين &quot;...&quot;.</> تظهر الحافظة مع علامة خضراء متحركة صغيرة. العنوان الغامق هو &quot;انسخ الكود&quot;، والنص الأصغر أسفله هو &quot;احصل على الرابط @import &quot;. البطاقة رقم 3 ذات خلفية كريمية فاتحة مع شارة برتقالية تحمل الرقم &quot;3&quot;. في الداخل، تظهر أيقونة مستند بعنوان &quot;CSS&quot; مع علامة برتقالية صغيرة. العنوان الغامق هو &quot;حدد في CSS&quot;، والنص الأصغر أسفله هو &quot;اضبط نوع الخط&quot;. يوجد سهمان مثلثان أزرقان متوسطا الحجم بين البطاقات الثلاث لتوضيح العملية. في المنتصف السفلي، تم إنشاء ثلاثة مربعات عرض أفقية. المربع الأيسر عبارة عن لوحة أكواد بيضاء مستديرة مع تسمية زرقاء صغيرة مكتوب عليها &quot;HTML&quot;. في الداخل، يظهر الكود التالي بنص أزرق، مقسم بدقة إلى ثلاثة أسطر: <link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\"> الإطار الأوسط عبارة عن لوحة أكواد بيضاء مستديرة تحمل ملصقًا أخضر صغيرًا مكتوبًا عليه &quot;CSS&quot;. يُعرض بداخلها النص التالي باللون الداكن: &quot;body {&quot; &quot; font-family: &#39;Kiwi Maru&#39;, serif;&quot; &quot;}&quot;. أما الإطار الأيمن فهو نافذة متصفح بيضاء مستديرة تحاكي نافذة المتصفح، مع شريط عنوان أزرق فاتح وثلاثة أزرار دائرية صغيرة باللون الأحمر والأصفر والأخضر في الزاوية العلوية اليسرى. يُعرض بداخلها النص الياباني الأسود &quot;こんにちは、 Kiwi Maru&quot; بخط يدوي لطيف ومستدير. تمت إضافة زخرفتين صغيرتين لامعتين إلى الجانب الأيمن من نافذة المتصفح. في الأسفل، توجد أربع شارات على شكل حبة دواء، مرتبة من اليسار إلى اليمين. الشارة الأولى بيضاء اللون، تحمل أيقونة نجمة زرقاء صغيرة والنص &quot;Google Fonts を使うメリット&quot;. الشارة الثانية زرقاء فاتحة اللون، تحمل النص الغامق &quot;無料&quot; وقلبًا ورديًا. الشارة الثالثة خضراء فاتحة اللون، تحمل عبارة &quot;すぐ使える&quot; بخط عريض، بالإضافة إلى أيقونة ساعة منبه صغيرة. أما الشارة الرابعة، فخلفيتها صفراء باهتة، تحمل عبارة &quot;日本語フォントも豊富&quot; (المفردات اليابانية وفيرة) بخط عريض، بالإضافة إلى أيقونة زهرة صغيرة. أُضيفت أربعة عناصر زخرفية أخرى حول الخلفية: بريق أصفر ثلاثي الخطوط فوق العنوان، وشبكة زرقاء فاتحة منقطة في أعلى اليسار، وحلقة خضراء فاتحة رفيعة على اليسار، ورسم توضيحي مصغر لشجرة بونساي مبتسمة في أسفل اليسار. مع الحفاظ على أسلوب التصميم المسطح، يتميز التصميم بالوضوح والجاذبية وسهولة القراءة، ويُذكرنا بعروض الوسائط التعليمية على مواقع التواصل الاجتماعي.