Lời nhắc này tạo ra một infographic tiếng Nhật gọn gàng giải thích ba bước cơ bản để sử dụng Google Fonts, phù hợp cho các bài đăng mạng xã hội, hướng dẫn và Slides thuyết trình.
{"type":"Infographic tiếng Nhật","topic":"Cách sử dụng Google Fonts","style":"thiết kế phẳng hiện đại sạch sẽ, nền trắng, các đốm màu xanh pastel và xanh bạc hà ở góc, các thẻ bo tròn với bóng đổ tinh tế, thẩm mỹ hướng dẫn công nghệ, kiểu chữ vector sắc nét và hình minh họa giao diện người dùng","canvas":{"aspect_ratio":"16:9"},"headline":{"main":"Cách sử dụng Google Fonts","sub":"3 bước cơ bản"},"layout":{"sections":[{"title":"1. Chọn phông chữ","position":"left","count":1,"labels":["1. Chọn phông chữ"],"card_style":"bảng trắng bo tròn với viền/bóng xanh nhạt","icon":"vòng tròn số 1 màu xanh","illustration":"cửa sổ trình duyệt hiển thị giao diện tìm kiếm phông chữ, 3 hàng xem trước phông chữ hiển thị rõ với các mẫu Aa あ lớn, thanh tìm kiếm ở trên cùng, các nút cửa sổ nhỏ có màu, các đường giao diện màu xám nhạt và các nét nhấn màu xanh","body_text":"Tìm kiếm kiểu chữ bạn thích trên trang web Google Fonts."},{"title":"2. Lấy mã nhúng","position":"center","count":1,"labels":["2. Lấy mã nhúng"],"card_style":"bảng trắng bo tròn với viền/bóng xanh nhạt","icon":"vòng tròn số 2 màu xanh","illustration":"bảng mã tối với hai ví dụ mã được dán nhãn ngăn cách bởi một đường kẻ mảnh","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":"Sao chép mã <link> hoặc CSS được hiển thị."},{"title":"3. Áp dụng bằng CSS","position":"right","count":1,"labels":["3. Áp dụng bằng CSS"],"card_style":"bảng trắng bo tròn với viền/bóng xanh nhạt","icon":"vòng tròn số 3 màu xanh","illustration":"thẻ mã trắng chứa CSS với hai bộ chọn và các quy tắc font-family","code_blocks":{"count":2,"labels":[".title","body"],"content":[".title { font-family: 'Poppins', sans-serif; }","body { font-family: 'Noto Sans JP', sans-serif; }"]},"body_text":"Chỉ định font-family để áp dụng vào thiết kế của bạn."},{"title":"Lưu ý","position":"bottom-left","count":3,"labels":["Chọn dựa trên khả năng đọc","Kiểm tra hỗ trợ tiếng Nhật","Không lạm dụng, chỉ nên dùng 2-3 loại"],"card_style":"bảng trắng bo tròn với tông màu xanh nhạt","icon":"ngôi sao màu xanh trong vòng tròn","body_format":"danh sách gạch đầu dòng"},{"title":"Kết hợp thường dùng","position":"bottom-center-right","count":2,"labels":["Tiêu đề: Poppins","Nội dung: Noto Sans JP"],"card_style":"bảng trắng bo tròn với tông màu oải hương nhạt","icon":"biểu tượng vòng liên kết màu tím","body_format":"hai hộp ví dụ hình viên thuốc"}],"connectors":{"count":2,"style":"các mũi tên lớn màu xanh hướng sang phải giữa 3 thẻ trên cùng"},"pagination":{"text":"2 / 2","position":"bottom-right","style":"tab góc bo tròn màu xanh"}},"text_language":"Tiếng Nhật","color_palette":{"primary_blue":"#2f80ff","navy":"#0f2b5b","google_colors":["#4285F4","#DB4437","#F4B400","#0F9D58"],"lavender":"#8b6cff","background":"#ffffff"}}
