Công cụ xem trước Font chữ cho Logo

Thêm Font Mới

Thêm Font từ Google Fonts

Hướng dẫn lấy link font Google

Tải lên Font cục bộ

Hỗ trợ các định dạng tệp font: `.ttf`, `.otf`, `.woff`, `.woff2`.

Văn bản Logo Chính

Chọn Font:

Kích thước Font: 60px

Màu chữ:

Kiểu chữ:

Khoảng cách chữ: 0px

Căn chỉnh:

Dòng Slogan

Chọn Font:

Kích thước Font: 24px

Màu chữ:

Kiểu chữ:

Khoảng cách chữ: 0px

Căn chỉnh:

Logo Text Your Slogan Here

Cài đặt Nền

Màu nền:

Khoảng cách Slogan với Logo chính: 10px

Để thêm font của riêng bạn, hãy đặt tệp font (.ttf, .otf, .woff, v.v.) vào cùng thư mục với tệp HTML này. Sau đó, chỉnh sửa phần `<style>` trong mã để khai báo font bằng `@font-face` và thêm tên font vào danh sách lựa chọn cho cả văn bản chính và slogan. Để thêm font từ Google Fonts, dán URL vào ô "Dán Google Fonts URL tại đây..." và nhấn "Thêm Font Google".

Hướng dẫn lấy Google Fonts URL

Truy cập trang web Google Fonts.
Tìm kiếm font bạn muốn sử dụng.
Nhấp vào font để xem chi tiết.
Cuộn xuống và chọn các kiểu (styles) font bạn muốn (ví dụ: Regular 400, Bold 700, Italic).
Ở phía bên phải màn hình, bạn sẽ thấy một bảng điều khiển "Selected family". Sao chép toàn bộ URL trong phần `<link>` hoặc `@import` (thường bắt đầu bằng `https://fonts.googleapis.com/css2?family=...`).
Dán URL đã sao chép vào ô "Dán Google Fonts URL tại đây..." trong công cụ này và nhấn "Thêm Font Google".