Google Fonts Japonca Eğitim Bilgi Grafiği

{ &quot;type&quot;: &quot;Japonca Bilgi Grafiği&quot;, &quot;topic&quot;: &quot;Google Yazı Tipleri Nasıl Kullanılır&quot;, &quot;style&quot;: &quot;Tasarım, beyaz bir arka plan, yumuşak açık mavi ve nane yeşili köşe blokları, ince gölgeli yuvarlak köşeli kartlar, teknoloji eğitim estetiği ve net vektör tipografisi ve kullanıcı arayüzü illüstrasyonlarıyla temiz, modern bir düz stile sahiptir.&quot;, &quot;canvas&quot;: { &quot;aspect_ratio&quot;: &quot;16:9&quot; }, &quot;headline&quot;: { &quot;main&quot;: &quot;Google Yazı Tipleri Nasıl Kullanılır&quot;, &quot;sub&quot;: &quot;Temel 3 Adım&quot; }, &quot;layout&quot;: { &quot;sections&quot;: [ { &quot;title&quot;: &quot;1. Yazı Tipi Seçin&quot;, &quot;position&quot;: &quot;left&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;1. Yazı Tipi Seçin&quot; ], &quot;card_style&quot;: &quot;Açık mavi kenarlık/gölgeye sahip yuvarlak beyaz panel&quot;, &quot;icon&quot;: &quot;Mavi 1 numaralı daire&quot;, &quot;illustration&quot;: &quot;Bir tarayıcı penceresi, üç görünür yazı tipiyle yazı tipi arama arayüzünü görüntüler.&quot; &quot;Büyük Aa ve あ örnekleri, üstte bir arama çubuğu, küçük renkli pencere düğmeleri, açık gri arayüz çizgileri ve mavi vurgu çizgileri içeren önizlemeler.&quot;, &quot;body_text&quot;: &quot;Google Fonts web sitesinde favori yazı tiplerinizi arayın.&quot; }, { &quot;title&quot;: &quot;2. Gömülü kodu alın&quot;, &quot;position&quot;: &quot;center&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;2. Gömülü kodu alın&quot; ], &quot;card_style&quot;: &quot;Açık mavi kenarlık/gölgeye sahip yuvarlak beyaz panel&quot;, &quot;icon&quot;: &quot;Mavi 2 rakamlı daire&quot;, &quot;illustration&quot;: &quot;Koyu kod paneli, ince bir ayırıcıyla ayrılmış iki etiketli kod örneği içerir.&quot;, &quot;code_blocks&quot;: { &quot;count&quot;: 2, &quot;labels&quot;: [ &quot;<link> (HTML)&quot;, &quot; @import (CSS)&quot; ], &quot;içerik&quot;: [ &quot; <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\"> &quot;, &quot; @import url(&#39;https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap&#39;);&quot; ] }, &quot;body_text&quot;: &quot;Görüntülemeyi kopyala&quot;<link> Veya CSS kodu.&quot; }, { &quot;başlık&quot;: &quot;3. CSS&#39;de Uygulama&quot;, &quot;konum&quot;: &quot;sağ&quot;, &quot;sayı&quot;: 1, &quot;etiketler&quot;: [ &quot;3. CSS&#39;de Uygulama&quot; ], &quot;kart_stili&quot;: &quot;Açık mavi kenarlık/gölge ile yuvarlak beyaz panel&quot;, &quot;simge&quot;: &quot;Mavi 3 rakamlı daire&quot;, &quot;illüstrasyon&quot;: &quot;İki seçici ve bir yazı tipi ailesi kuralı içeren CSS&#39;li beyaz bir kod kartı.&quot;, &quot;kod_blokları&quot;: { &quot;sayı&quot;: 2, &quot;etiketler&quot;: [ &quot;.başlık&quot;, &quot;gövde&quot; ], &quot;içerik&quot;: [ &quot;.başlık { yazı tipi ailesi: &#39;Poppins&#39;, sans-serif; }&quot;, &quot;gövde { yazı tipi ailesi: &#39;Noto Sans JP&#39;, sans-serif; }&quot; ] }, &quot;body_text&quot;: &quot;Yazı tipi ailesini belirtin ve tasarıma uygulayın.&quot; }, { &quot;title&quot;: &quot;Önemli Noktalar&quot;, &quot;position&quot;: &quot;bottom-left&quot;, &quot;count&quot;: 3, &quot;labels&quot;: [ &quot;Okunabilirliğe göre seçin&quot;, &quot;Japonca&#39;nın desteklenip desteklenmediğini onaylayın.&quot;, &quot;Aşırı kullanmayın; 2-3 türle sınırlayın.&quot; ], &quot;card_style&quot;: &quot;Açık mavi alt tonlu yuvarlak beyaz panel&quot;, &quot;icon&quot;: &quot;Daire içinde mavi yıldız&quot;, &quot;body_format&quot;: &quot;Madde İşaretli Liste&quot; }, { &quot;title&quot;: &quot;Yaygın kombinasyonlar&quot;, &quot;position&quot;: &quot;alt-orta-sağ&quot;, &quot;count&quot;: 2, &quot;labels&quot;: [ &quot;Başlık: Poppins&quot;, &quot;Ana metin: Noto Sans JP&quot; ], &quot;card_style&quot;: &quot;Açık mor tonlu yuvarlak beyaz panel&quot;, &quot;icon&quot;: &quot;Mor zincir sembolü&quot;, &quot;body_format&quot;: &quot;Hap şeklinde iki örnek kutu&quot; } ], &quot;connectors&quot;: { &quot;count&quot;: 2, &quot;style&quot;: &quot;Üstteki 3 kart arasında büyük mavi sağ ok&quot; }, &quot;pagination&quot;: { &quot;text&quot;: &quot;2 / 2&quot;, &quot;position&quot;: &quot;alt-sağ&quot;, &quot;style&quot;: &quot;Mavi yuvarlak köşeli etiket&quot; } }, &quot;metin_dili&quot;: &quot;Japonca&quot;, &quot;renk_paleti&quot;: { &quot;ana_mavi&quot;: &quot;#2f80ff&quot;, &quot;lacivert&quot;: &quot;#0f2b5b&quot;, &quot;google_renkleri&quot;: [ &quot;#4285F4&quot;, &quot;#DB4437&quot;, &quot;#F4B400&quot;, &quot;#0F9D58&quot; ], &quot;lavanta&quot;: &quot;#8b6cff&quot;, &quot;arka plan&quot;: &quot;#ffffff&quot; } }