Google字體日本教學

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":"日本資訊圖","topic":"如何使用 Google Fonts","style":"乾淨現代平面設計，白色背景，柔和淡藍和薄荷角落 Blob，帶細微陰影的圓角卡片，科技教程美學，清晰向量字體和 UI 插圖","canvas":{"aspect_ratio":"16:9"},"headline":{"main":"Google Fontsの使い方","sub":"基本の3ステップ"},"layout":{"sections":[{"title":"1. フォントを選ぶ","position":"left","count":1,"labels":["1. フォントを選ぶ"],"card_style":"帶淡藍色邊框/陰影的圓角白色面板","icon":"帶 1 的藍色數字圓圈","illustration":"顯示字體搜索介面的瀏覽器窗口，可見 3 行字體預覽，帶有大型 Aa あ 樣本，頂部有搜索欄，小型彩色窗口按鈕，淺灰色介面線條和藍色強調虛線","body_text":"Google Fonts のサイトで、好きな書体を探します。"},{"title":"2. 埋め込みコードを取得","position":"center","count":1,"labels":["2. 埋め込みコードを取得"],"card_style":"帶淡藍色邊框/陰影的圓角白色面板","icon":"帶 2 的藍色數字圓圈","illustration":"深色代碼面板，包含兩個帶標籤的代碼範例，由細分隔線分隔","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":"表示された<link>やCSSをコピーします。"},{"title":"3. CSSで適用","position":"right","count":1,"labels":["3. CSSで適用"],"card_style":"帶淡藍色邊框/陰影的圓角白色面板","icon":"帶 3 的藍色數字圓圈","illustration":"白色代碼卡片，包含帶有兩個選擇器和 font-family 規則的 CSS","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":"帶淡藍色色調的圓角白色面板","icon":"圓圈內的藍色星星","body_format":"項目符號列表"},{"title":"よく使う組み合わせ","position":"bottom-center-right","count":2,"labels":["見出し: Poppins","本文: Noto Sans JP"],"card_style":"帶淡薰衣草色調的圓角白色面板","icon":"紫色連結環符號","body_format":"兩個藥丸形範例框"}],"connectors":{"count":2,"style":"頂部 3 張卡片之間的大型藍色右指向箭頭"},"pagination":{"text":"2 / 2","position":"bottom-right","style":"藍色圓角標籤"}},"text_language":"Japanese","color_palette":{"primary_blue":"#2f80ff","navy":"#0f2b5b","google_colors":["#4285F4","#DB4437","#F4B400","#0F9D58"],"lavender":"#8b6cff","background":"#ffffff"}}

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟