# Google Fonts Japanese Tutorial Infographic
- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library Explainers (@library.explainers)](/@library.explainers.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: infographic, graphic or type, typography, bright, minimal
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69TCDAQP1S122CCBP59Y3D2/w1200.webp
- Page: https://promptclay.com/prompts/google-fonts-japanese-tutorial-infographic-n6q7pv
## Prompt
```text
{"type":"Japanese infographic","topic":"How to use Google Fonts","style":"clean modern flat design, white background, soft pastel blue and mint corner blobs, rounded cards with subtle shadows, tech tutorial aesthetic, crisp vector typography and UI illustrations","canvas":{"aspect_ratio":"16:9"},"headline":{"main":"Google Fontsの使い方","sub":"基本の3ステップ"},"layout":{"sections":[{"title":"1. フォントを選ぶ","position":"left","count":1,"labels":["1. フォントを選ぶ"],"card_style":"rounded white panel with light blue border/shadow","icon":"blue numbered circle with 1","illustration":"browser window showing a font search interface, 3 visible font preview rows with large Aa あ samples, a search bar at top, small colored window buttons, light gray interface lines and blue accent dashes","body_text":"Google Fontsのサイトで、好きな書体を探します。"},{"title":"2. 埋め込みコードを取得","position":"center","count":1,"labels":["2. 埋め込みコードを取得"],"card_style":"rounded white panel with light blue border/shadow","icon":"blue numbered circle with 2","illustration":"dark code panel with two labeled code examples separated by a thin divider","code_blocks":{"count":2,"labels":[" (HTML)","@import (CSS)"],"content":["","@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');"]},"body_text":"表示されたやCSSをコピーします。"},{"title":"3. CSSで適用","position":"right","count":1,"labels":["3. CSSで適用"],"card_style":"rounded white panel with light blue border/shadow","icon":"blue numbered circle with 3","illustration":"white code card containing CSS with two selectors and font-family rules","code_blocks":{"count":2,"labels":[".title","body"],"content":[".title { font-family: 'Poppins', sans-serif; }","body { font-family: 'Noto Sans JP', sans-serif; }"]},"body_text":"font-familyを指定して、デザインに反映します。"},{"title":"ポイント","position":"bottom-left","count":3,"labels":["読みやすさで選ぶ","日本語対応を確認する","使いすぎず、2〜3種類に絞る"],"card_style":"rounded white panel with pale blue tint","icon":"blue star in a circle","body_format":"bullet list"},{"title":"よく使う組み合わせ","position":"bottom-center-right","count":2,"labels":["見出し: Poppins","本文: Noto Sans JP"],"card_style":"rounded white panel with pale lavender tint","icon":"purple linked-rings symbol","body_format":"two pill-shaped example boxes"}],"connectors":{"count":2,"style":"large blue right-pointing arrows between the 3 top cards"},"pagination":{"text":"2 / 2","position":"bottom-right","style":"blue rounded corner tab"}},"text_language":"Japanese","color_palette":{"primary_blue":"#2f80ff","navy":"#0f2b5b","google_colors":["#4285F4","#DB4437","#F4B400","#0F9D58"],"lavender":"#8b6cff","background":"#ffffff"}}
```
## About
This prompt generates a clean Japanese infographic explaining the three basic steps for using Google Fonts, suitable for social posts, tutorials, and presentation slides.
Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).
## Credit and licence
Prompt by @library.explainers on Promptclay, https://promptclay.com/prompts/google-fonts-japanese-tutorial-infographic-n6q7pv
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.
## In collections
- [Infographic Prompts](/infographic-prompts.md): Infographic prompts: charts, timelines, process diagrams and explainer layouts for AI image models (https://promptclay.com/infographic-prompts)
- [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-prompts)
## Related searches
- [Bright prompts](/search.md?q=bright) (https://promptclay.com/search?q=bright)
- [Infographic prompts](/search.md?q=infographic) (https://promptclay.com/search?q=infographic)
- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography)
## More like this
- [Cute Google Fonts Tutorial Infographic](/prompts/cute-google-fonts-tutorial-infographic-bknqaa.md): GPT Image 2, by @library.explainers
- [Generate diagrams from programming explanations](/prompts/generate-diagrams-from-programming-explanations-8rec1v.md): Nano Banana Pro, by @library.infographics
- [News Article Diagram Generation](/prompts/news-article-diagram-generation-va6xnr.md): Nano Banana Pro, by @library.social
- [ChatGPT Prompt for Self-Introduction Text Generation](/prompts/chatgpt-prompt-for-self-introduction-text-generation-s5hbek.md): Nano Banana Pro, by @library.art
- [Japanese SaaS Trigger Automation Banner](/prompts/japanese-saas-trigger-automation-banner-sgawpw.md): GPT Image 2, by @library.brand
- [Reverse-Engineering Reusable Prompt Templates for Advertising](/prompts/reverse-engineering-reusable-prompt-templates-for-advertising-qv8k6k.md): Nano Banana Pro, by @library.product
- [Two-step design refinement process: from flashy to sophisticated (Step 2)](/prompts/two-step-design-refinement-process-from-flashy-to-sophisticated-step-2-xnkr3d.md): Nano Banana Pro, by @library.art
- [Japanese SaaS AI Prompt Manager Ad](/prompts/japanese-saas-ai-prompt-manager-ad-gqs9dp.md): GPT Image 2, by @library.concept
- [2026 Summer Hair Style Trend Post](/prompts/2026-summer-hair-style-trend-post-svgxwa.md): GPT Image 2, by @library.lifestyle
- [Anime Prompt Sites Infographic Poster](/prompts/anime-prompt-sites-infographic-poster-8t8q63.md): GPT Image 2, by @library.lifestyle
- [Diagram of ChatGPT 5.2 Features with Japanese Text](/prompts/diagram-of-chatgpt-5-2-features-with-japanese-text-bwfqcj.md): Nano Banana Pro, by @library.infographics
- [Japanese AI Tool Comparison Thumbnail](/prompts/japanese-ai-tool-comparison-thumbnail-vpqn3g.md): GPT Image 2, by @library.explainers
---
Canonical: https://promptclay.com/prompts/google-fonts-japanese-tutorial-infographic-n6q7pv
Search: /search.md?q=your+words