Infografik-Tutorial: Google Fonts auf Japanisch

This prompt generates a clean Japanese infographic explaining the three basic steps for using Google Fonts, suitable for social posts, tutorials, and presentation slides.

{"type":"Japanische Infografik","topic":"Wie man Google Fonts verwendet","style":"klares, modernes Flat-Design, weißer Hintergrund, weiche pastellblaue und mintfarbene Eckelemente, abgerundete Karten mit dezenten Schatten, Tech-Tutorial-Ästhetik, scharfe Vektor-Typografie und UI-Illustrationen","canvas":{"aspect_ratio":"16:9"},"headline":{"main":"Google Fontsの使い方","sub":"基本の3ステップ"},"layout":{"sections":[{"title":"1. Schriftart auswählen","position":"left","count":1,"labels":["1. フォントを選ぶ"],"card_style":"abgerundetes weißes Panel mit hellblauem Rand/Schatten","icon":"blauer nummerierter Kreis mit 1","illustration":"Browserfenster mit einer Schriftarten-Suchoberfläche, 3 sichtbare Schriftvorschau-Zeilen mit großen Aa あ-Mustern, eine Suchleiste oben, kleine farbige Fenster-Buttons, hellgraue Interface-Linien und blaue Akzentstriche","body_text":"Suchen Sie auf der Google Fonts-Website nach der gewünschten Schriftart."},{"title":"2. Einbettungscode abrufen","position":"center","count":1,"labels":["2. 埋め込みコードを取得"],"card_style":"abgerundetes weißes Panel mit hellblauem Rand/Schatten","icon":"blauer nummerierter Kreis mit 2","illustration":"dunkles Code-Panel mit zwei beschrifteten Code-Beispielen, getrennt durch eine dünne Linie","code_blocks":{"count":2,"labels":["<link> (HTML)","@import (CSS)"],"content":["<link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">","@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');"]},"body_text":"Kopieren Sie den angezeigten <link> oder CSS-Code."},{"title":"3. In CSS anwenden","position":"right","count":1,"labels":["3. CSSで適用"],"card_style":"abgerundetes weißes Panel mit hellblauem Rand/Schatten","icon":"blauer nummerierter Kreis mit 3","illustration":"weiße Code-Karte mit CSS, die zwei Selektoren und font-family-Regeln enthält","code_blocks":{"count":2,"labels":[".title","body"],"content":[".title { font-family: 'Poppins', sans-serif; }","body { font-family: 'Noto Sans JP', sans-serif; }"]},"body_text":"Geben Sie font-family an, um die Schriftart in Ihrem Design zu übernehmen."},{"title":"Tipps","position":"bottom-left","count":3,"labels":["Auf Lesbarkeit achten","Japanische Unterstützung prüfen","Nicht zu viele verwenden, auf 2-3 beschränken"],"card_style":"abgerundetes weißes Panel mit hellblauem Schimmer","icon":"blauer Stern in einem Kreis","body_format":"Aufzählung"},{"title":"Beliebte Kombinationen","position":"bottom-center-right","count":2,"labels":["Überschrift: Poppins","Text: Noto Sans JP"],"card_style":"abgerundetes weißes Panel mit hellviolettem Schimmer","icon":"violettes Symbol mit verknüpften Ringen","body_format":"zwei pillenförmige Beispielboxen"}],"connectors":{"count":2,"style":"große blaue Pfeile nach rechts zwischen den 3 oberen Karten"},"pagination":{"text":"2 / 2","position":"bottom-right","style":"blauer Reiter mit abgerundeten Ecken"}},"text_language":"Japanisch","color_palette":{"primary_blue":"#2f80ff","navy":"#0f2b5b","google_colors":["#4285F4","#DB4437","#F4B400","#0F9D58"],"lavender":"#8b6cff","background":"#ffffff"}}

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Speichern Prompt kopieren Teilen Originalbeitrag In Hitboard öffnen