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"}}

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开