อินโฟกราฟิกสอนการใช้งานฟอนต์น่ารักๆ จาก Google

สร้างสไลด์อินโฟกราฟิกสไตล์ญี่ปุ่นที่สวยงามและอ่อนโยน ด้วยพื้นหลังสีขาวสะอาดตา และบล็อกสีนามธรรมโค้งมนนุ่มนวลในโทนสีฟ้าอ่อน ครีม และเขียวอ่อน การออกแบบเป็นมิตร ให้ความรู้ และทันสมัย ​​โดยใช้ตัวอักษรญี่ปุ่นตัวหนาโค้งมน เงาเล็กน้อย เส้นขอบสีเทาบางๆ เส้นประ และภาพวาดตกแต่งเล็กๆ น้อยๆ ตรงกลางด้านบน ให้วางหัวข้อสีน้ำเงินเข้มที่โดดเด่นว่า &quot;วิธีใช้ Google Fonts&quot; ด้านล่างให้เพิ่มหัวข้อย่อยสีน้ำเงินว่า &quot;การนำเข้าด้วย 3 ขั้นตอน&quot; โดยมีจุดสีน้ำเงินเล็กๆ ขนาบข้าง ที่มุมบนขวา ให้เพิ่มป้ายวงกลมสีน้ำเงินที่เขียนว่า &quot;2/2&quot; จัดเรียงการ์ดขั้นตอนรูปสี่เหลี่ยมผืนผ้าโค้งมนสามใบให้เท่าๆ กันจากซ้ายไปขวาในแถวกลางด้านบน การ์ดแต่ละใบมีพื้นหลังสีอ่อน ขอบนุ่มนวล และป้ายวงกลมหลากสีพร้อมตัวเลขที่มุมบนซ้าย การ์ดใบที่ 1 มีพื้นหลังสีฟ้าอ่อนและป้ายสีน้ำเงินที่มีเลข &quot;1&quot; เขียนอยู่ด้านใน การ์ดใบแรกมีไอคอนแว่นขยายแบบง่ายๆ ซ้อนทับอยู่บนตัวอักษร &quot;Aa&quot; ประดับด้วยดาวสีเหลืองเล็กๆ หัวข้อตัวหนาเขียนว่า &quot;เลือกแบบอักษร&quot; และข้อความขนาดเล็กด้านล่างเขียนว่า &quot;สำรวจแบบอักษรที่คุณชอบ&quot; การ์ดใบที่ 2 มีพื้นหลังสีเขียวอ่อนพร้อมตราสัญลักษณ์สีเขียวที่มีหมายเลข &quot;2&quot; และแสดงไอคอนหน้าต่างเบราว์เซอร์ที่มีวงเล็บ &quot;...&quot;</> คลิปบอร์ดแสดงขึ้นพร้อมเครื่องหมายเคลื่อนไหวสีเขียวขนาดเล็ก หัวข้อตัวหนาเขียนว่า &quot;คัดลอกโค้ด&quot; และข้อความขนาดเล็กด้านล่างเขียนว่า &quot;รับลิงก์ @import &quot; การ์ดที่ 3 มีพื้นหลังสีครีมอ่อนพร้อมป้ายสีส้มที่มีหมายเลข &quot;3&quot; อยู่ด้านใน ไอคอนเอกสารที่มีป้ายกำกับว่า &quot;CSS&quot; แสดงขึ้นพร้อมเครื่องหมายตกแต่งสีส้มขนาดเล็ก หัวข้อตัวหนาเขียนว่า &quot;ระบุใน CSS&quot; และข้อความขนาดเล็กด้านล่างเขียนว่า &quot;ตั้งค่า font-family&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; ด้วยตัวอักษรสีเข้ม กรอบด้านขวาเป็นหน้าต่างเบราว์เซอร์จำลองสีขาวทรงโค้งมน มีแถบชื่อเรื่องสีฟ้าอ่อน และปุ่มหน้าต่างวงกลมเล็กๆ สีแดง เหลือง และเขียว 3 ปุ่ม อยู่ที่มุมบนซ้าย ด้านในแสดงข้อความตัวอย่างภาษาญี่ปุ่นสีดำ &quot;こんにちは、 Kiwi Maru&quot; ด้วยตัวอักษรเขียนด้วยมือแบบน่ารักและโค้งมน มีประกายวิบวับเล็กๆ สองอันเพิ่มเข้ามาทางด้านขวาของหน้าต่างเบราว์เซอร์นี้ ด้านล่างมีป้ายรูปทรงแคปซูล 4 อันวางเรียงจากซ้ายไปขวา ป้ายที่ 1 เป็นสีขาว มีไอคอนรูปดาวสีฟ้าเล็กๆ และข้อความ &quot;Google Fonts を使うメリット&quot; ป้ายที่ 2 เป็นสีฟ้าอ่อน มีข้อความตัวหนา &quot;無料&quot; และรูปหัวใจสีชมพู ป้ายที่ 3 เป็นสีเขียวอ่อน มีข้อความตัวหนาว่า &quot;すぐ使える&quot; และไอคอนนาฬิกาปลุกขนาดเล็ก ป้ายที่ 4... พื้นหลังเป็นสีเหลืองอ่อน มีข้อความตัวหนาว่า &quot;日本語フォントも豊富&quot; (คำศัพท์ภาษาญี่ปุ่นมีมากมาย) และไอคอนดอกไม้ขนาดเล็ก มีองค์ประกอบตกแต่งเพิ่มเติมอีกสี่อย่างรอบๆ พื้นหลัง ได้แก่ ประกายสีเหลืองสามเส้นเหนือชื่อเรื่อง ตารางจุดสีฟ้าอ่อนที่พื้นหลังด้านบนซ้าย วงแหวนสีเขียวอ่อนบางๆ ทางด้านซ้าย และภาพประกอบบอนไซยิ้มขนาดเล็กที่ด้านล่างซ้าย การออกแบบโดยรวมยังคงรูปแบบเวกเตอร์แบบแบนราบ ทำให้ดูชัดเจน น่ารัก และอ่านง่ายมาก ชวนให้นึกถึงภาพสไลด์เพื่อการศึกษาบนโซเชียลมีเดีย