Google字體教學

This prompt generates a pastel Japanese educational infographic slide explaining Google Fonts setup in three steps, suitable for social media carousels or tech tutorial posts.

創建一張可愛的日文粉彩資訊圖表幻燈片，具有乾淨的白色背景和柔軟圓角的抽象角落 blob，顏色為淡藍色、奶油色和淺綠色。設計友好、教育性和現代化，使用厚實圓角無襯線日文字體、微妙陰影、細灰色輪廓、點狀分隔符和小裝飾塗鴉。在頂部中心，放置一個大而粗體的深海軍藍標題，顯示 "Google Fontsの使い方"。直接在其下方，添加一個藍色副標題，顯示 "3ステップでかんたん導入"，兩側有一行小藍點。在右上角，添加一個圓形藍色頁面徽章，顯示 "2/2"。

在頂部中間行排列3個圓角矩形步驟卡片，從左到右均勻間隔，每個帶有淡色背景、柔軟邊框和左上角彩色圓形數字徽章。卡片1有淡藍色背景和藍色徽章，帶有 "1"。內部顯示一個簡單的放大鏡圖標在字母 "Aa" 上方，加上一個小黃色星號強調。粗體標題顯示 "フォントを選ぶ"，下方較小文字顯示 "Google Fontsで
好きなフォントを探す"。卡片2有淡綠色背景和綠色徽章，帶有 "2"。內部顯示一個瀏覽器窗口圖標，帶有代碼括號 "</>" 和剪貼板，加上小綠色動態標記。粗體標題顯示 "コードをコピー"，下方較小文字顯示 "linkタグや@importを
取得する"。卡片3有淡奶油色背景和橙色徽章，帶有 "3"。內部顯示一個標記為 "CSS" 的文檔圖標，帶有小橙色強調標記。粗體標題顯示 "CSSで指定"，下方較小文字顯示 "font-family に設定して
使う"。在3張卡片之間放置2個中藍色三角形箭頭以顯示進度。

在下方中間，創建3個水平對齊的演示框。左側框是一個圓形白色代碼面板，帶有一個小藍色標籤，顯示 "HTML"。內部，以藍色文字精確地顯示此代碼跨3行："<link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\">"。中間框是一個圓形白色代碼面板，帶有綠色標籤，顯示 "CSS"。內部，精確地顯示深色文字："body {"
"    font-family: 'Kiwi Maru', serif;"
"}"。右側框是一個圓形白色模擬瀏覽器窗口，帶有淡藍色標題欄和左上角3個小圓形窗口按鈕，顏色為紅色、黃色和綠色。內部，顯示大型日文樣本文字，黑色顯示 "こんにちは、
Kiwi Maru"，使用可愛的圓角手寫風格字體。在此瀏覽器窗口右側添加2個小閃光強調。

在底部，從左到右放置4個膠囊形狀的徽章。徽章1是白色，帶有一個小藍色星號圖標和文字 "Google Fontsを使うメリット"。徽章2是淡藍色，帶有粗體文字 "無料" 後跟一個粉色心形。徽章3是淡綠色，帶有粗體文字 "すぐ使える" 後跟一個小時鐘圖標。徽章4是淡黃色，帶有粗體文字 "日本語フォントも豊富" 後跟一個花朵圖標。

在畫布周圍添加4個額外裝飾元素：標題左上角附近的一個黃色3筆劃閃光、左上角背景中的一個淡藍色點狀方格網格、左側的一個細淺綠色圓環，以及左下角的一個小笑臉盆栽插圖。保持整個構圖平面向量風格、清晰、可愛和高度可讀，採用社交媒體教育輪播風格。

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

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