Infografica sul tutorial di Google Fonts in giapponese

{ &quot;type&quot;: &quot;Infografica giapponese&quot;, &quot;topic&quot;: &quot;Come usare Google Fonts&quot;, &quot;style&quot;: &quot;Il design presenta uno stile piatto pulito e moderno con uno sfondo bianco, blocchi angolari azzurri e verde menta tenui, schede con angoli arrotondati con ombre sottili, un&#39;estetica da tutorial tecnologico e una tipografia vettoriale nitida e illustrazioni dell&#39;interfaccia utente.&quot;, &quot;canvas&quot;: { &quot;aspect_ratio&quot;: &quot;16:9&quot; }, &quot;headline&quot;: { &quot;main&quot;: &quot;Come usare Google Fonts&quot;, &quot;sub&quot;: &quot;3 passaggi base&quot; }, &quot;layout&quot;: { &quot;sections&quot;: [ { &quot;title&quot;: &quot;1. Seleziona il font&quot;, &quot;position&quot;: &quot;sinistra&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;1. Seleziona il font&quot; ], &quot;card_style&quot;: &quot;Pannello bianco arrotondato con bordo/ombra azzurro&quot;, &quot;icon&quot;: &quot;Cerchio blu con il numero 1&quot;, &quot;illustration&quot;: &quot;Una finestra del browser visualizza l&#39;interfaccia di ricerca dei font, con tre anteprime dei font visibili, con grandi esempi di Aa e あ, una barra di ricerca in alto, piccoli pulsanti colorati della finestra, interfaccia grigio chiaro linee e linee di accento blu.&quot;, &quot;body_text&quot;: &quot;Cerca i tuoi font preferiti sul sito web di Google Fonts.&quot; }, { &quot;title&quot;: &quot;2. Ottieni il codice incorporato&quot;, &quot;position&quot;: &quot;center&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;2. Ottieni il codice incorporato&quot; ], &quot;card_style&quot;: &quot;Pannello bianco arrotondato con bordo/ombra azzurro chiaro&quot;, &quot;icon&quot;: &quot;Cerchio blu con il numero 2&quot;, &quot;illustration&quot;: &quot;Il pannello di codice scuro contiene due esempi di codice etichettati separati da un sottile separatore.&quot;, &quot;code_blocks&quot;: { &quot;count&quot;: 2, &quot;labels&quot;: [ &quot;<link> (HTML)&quot;, &quot; @import (CSS)&quot; ], &quot;content&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;Copia visualizzazione<link> Oppure codice CSS.&quot; }, { &quot;title&quot;: &quot;3. Applicazione in CSS&quot;, &quot;position&quot;: &quot;right&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;3. Applicazione in CSS&quot; ], &quot;card_style&quot;: &quot;Pannello bianco arrotondato con bordo/ombra azzurro&quot;, &quot;icon&quot;: &quot;Cerchio blu con il numero 3&quot;, &quot;illustration&quot;: &quot;Una scheda di codice bianca contenente CSS, con due selettori e una regola font-family.&quot;, &quot;code_blocks&quot;: { &quot;count&quot;: 2, &quot;labels&quot;: [ &quot;.title&quot;, &quot;body&quot; ], &quot;content&quot;: [ &quot;.title { font-family: &#39;Poppins&#39;, sans-serif; }&quot;, &quot;body { font-family: &#39;Noto Sans JP&#39;, sans-serif; }&quot; ] }, &quot;body_text&quot;: &quot;Specifica il font-family e applicalo al design.&quot; }, { &quot;title&quot;: &quot;Punti chiave&quot;, &quot;position&quot;: &quot;bottom-left&quot;, &quot;count&quot;: 3, &quot;labels&quot;: [ &quot;Scegli in base alla leggibilità&quot;, &quot;Conferma se il giapponese è supportato.&quot;, &quot;Non abusare; limitare a 2-3 tipi.&quot; ], &quot;card_style&quot;: &quot;Pannello bianco arrotondato con sfumature azzurre&quot;, &quot;icon&quot;: &quot;Stella blu nel cerchio&quot;, &quot;body_format&quot;: &quot;Elenco puntato&quot; }, { &quot;title&quot;: &quot;Combinazioni comuni&quot;, &quot;position&quot;: &quot;bottom-center-right&quot;, &quot;count&quot;: 2, &quot;labels&quot;: [ &quot;Titolo: Poppins&quot;, &quot;Testo principale: Noto Sans JP&quot; ], &quot;card_style&quot;: &quot;Pannello bianco arrotondato con una tonalità viola chiaro&quot;, &quot;icon&quot;: &quot;Simbolo catena viola&quot;, &quot;body_format&quot;: &quot;Due riquadri di esempio a forma di pillola&quot; } ], &quot;connectors&quot;: { &quot;count&quot;: 2, &quot;style&quot;: &quot;Grande freccia blu a destra tra le 3 schede superiori&quot; }, &quot;pagination&quot;: { &quot;text&quot;: &quot;2 / 2&quot;, &quot;position&quot;: &quot;bottom-right&quot;, &quot;style&quot;: &quot;Etichetta blu con angolo arrotondato&quot; } }, &quot;text_language&quot;: &quot;Giapponese&quot;, &quot;color_palette&quot;: { &quot;primary_blue&quot;: &quot;#2f80ff&quot;, &quot;navy&quot;: &quot;#0f2b5b&quot;, &quot;google_colors&quot;: [ &quot;#4285F4&quot;, &quot;#DB4437&quot;, &quot;#F4B400&quot;, &quot;#0F9D58&quot; ], &quot;lavender&quot;: &quot;#8b6cff&quot;, &quot;background&quot;: &quot;#ffffff&quot; } }