Google字体使用指南

{“type”：“Japanese infographic”，“topic”：“如何使用Google字体”，“style”：干净现代平面设计，白色背景，柔和的粉蓝色和薄荷色角落斑块，圆润卡片带有细腻阴影，技术教程美学，清晰的矢量排版和界面插图“，”canvas“：{”aspect_ratio“：”16：9“}，”headline“：{”main“：”Google Fonts的使い方“，”sub“：”基本的3ステップ“}，”layout“：{”sections“：[{”title“：”1. フォントを選ぶ“，”position“：”left“，”count“：1，“标签”：[“1.フォントを選ぶ“]，”card_style“：”圆角白色面板，带浅蓝色边框/阴影“，”图标“：蓝色数字圆圈，带有1”，“插图”：“浏览器窗口显示字体搜索界面，3行可见的字体预览行，带有大块Aa a样本，顶部有搜索栏，小彩色窗口按钮，浅灰色界面线条和蓝色点缀划线”，“body_text”：“Google Fonts的网站で、喜欢书体を探します。“}，{”title“：”2. 埋め込みコードを取得“，”position“：”center“，”count“：1，”labels“：[”2.埋め込みコードを取得“]，”card_style“：”圆角白色面板，浅蓝色边框/阴影“，”图标“：蓝色数字圆圈，带有2”，“illustration”：深色代码面板，带有两个标记代码示例，中间用细分隔线“，”code_blocks“：{”count“：2，”labels“：[”<link> （HTML）“，”@import （CSS）“]，”content“：[”<链接 href=\“https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap\” rel=\“样式表\”>“，”@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“：”圆角白色面板配浅蓝色边框/阴影“，”图标“：蓝色数字圆圈，带有3”，“illustration”：“白色代码卡，包含带有两个选择器和字体家族规则的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“：”point“，”position“：”左下“，”count“：3，”labels“：[”読みやすさで选ぶ“，”日本語対応を確認する“，”使いすぎず、2〜3種類に絞る“]，”card_style“：”圆角白色面板带淡蓝色调“，”icon“：”圆形蓝色星形“，”body_format“：”bullet list“}，{”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”，“海军”：“#0f2b5b”，“google_colors”：[“#4285F4”，“#DB4437”，“#F4B400”，“#0F9D58”]，“lavender”：“#8b6cff”，“background”：“#ffffff”}}