Tải lên phông chữ tùy chỉnh

TL;DR / Tổng quan

Bạn muốn thêm phông chữ tùy chỉnh cho website? Nilead giúp bạn thực hiện điều này một cách dễ dàng. Bạn có thể sử dụng Google Fonts, Adobe Fonts (Typekit), hoặc tự tải lên phông chữ của mình. Sau khi tải lên, bạn có thể gán phông chữ cho thẻ, lớp, hoặc các phần tử thông qua Bảng Kiểu (Style Panel).

Điều kiện cần thiết

• Quyền truy cập Chỉnh sửa hoặc Quản trị viên vào dự án Nilead của bạn

• Các tệp phông chữ (WOFF, TTF, OTF, v.v.) với giấy phép hợp lệ

• Xác định rõ vị trí sẽ áp dụng phông chữ (ví dụ: tiêu đề, nội dung, nút bấm)

Nội dung chính

Thêm phông chữ vào dự án của bạn

1. Mở Menu Nhanh

2. Tìm kiếm “Font”

3. Chọn một trong các lựa chọn sau:

   • Google Fonts – tích hợp sẵn

   • Adobe Fonts (Typekit) – kết nối qua mã dự án

   • Phông chữ tùy chỉnh – tải lên tệp của riêng bạn

Tải lên phông chữ tùy chỉnh

⚠️ Lưu ý: Luôn kiểm tra giấy phép sử dụng phông chữ trước khi tải lên.Đọc Giới thiệu về bản quyền phông chữ để biết thêm chi tiết.

Các định dạng được hỗ trợ

Mẹo: Sử dụng trình chuyển đổi phông chữ trực tuyến để chuyển phông của bạn sang định dạng WOFF hoặc WOFF2 nếu cần. Dung lượng tối đa mỗi file phông = 10MB.

Nên biết: Bạn không cần tải lên tất cả các định dạng phông. Tuy nhiên, bạn có thể tải lên nhiều định dạng để hỗ trợ tối đa các trình duyệt. WOFF là định dạng lý tưởng với khả năng tương thích trình duyệt cao cùng dung lượng hợp lý. Nếu bạn chưa có file phông ở định dạng WOFF hoặc WOFF2, hãy dùng các công cụ chuyển đổi phông trực tuyến.

Chỉnh sửa thiết lập phông chữ

Sau khi tải lên, bạn có thể:

• Đổi tên nhóm phông

• Gán độ đậm phông và kiểu chữ (ví dụ: Đậm, Nghiêng)

• Tải lên nhiều mức đậm trong cùng một nhóm để linh hoạt trong thiết kế

Bạn luôn có thể chỉnh sửa hoặc xóa các phông chữ đã tải trong bảng quản lý Phông chữ.

Thiết lập phông chữ dự phòng

Phông dự phòng giúp nâng cao khả năng hiển thị trên nhiều thiết bị.

• Phông dự phòng sẽ được tự động tạo cho mỗi phông tùy chỉnh

• Bạn có thể chỉnh sửa phông dự phòng (ví dụ: Arial, Helvetica)

• Điều chỉnh cài đặt hiển thị phông (ví dụ: swap, block) để kiểm soát cách phông được tải

Khuyến nghị: Sử dụng "swap" để tránh hiện tượng "văn bản bị ẩn khi tải phông" (FOIT).

Kiểm tra phông trong Trình chỉnh sửa trực quan

1. Thêm phông tùy chỉnh vào cài đặt Kiểu website

2. Chuyển đến bố cục/trang sử dụng Kiểu này

3. Nhấp vào bất kỳ thành phần văn bản hoặc khối chứa nào

4. Trong Bảng Kiểu, chọn phông đã tải lên ở mục Kiểu chữ

5. Bạn có thể gán phông cho:

   • Thành phần văn bản riêng lẻ

   • Toàn bộ phần hoặc khối chứa

   • Các thẻ cụ thể (ví dụ: h1, p) hoặc lớp CSS

Câu hỏi thường gặp

1. Kích thước tối đa cho mỗi file phông tùy chỉnh là bao nhiêu?
10MB cho mỗi file.

2. Tôi có thể dùng phông từ Typekit (Adobe Fonts) không?
Có — bạn có thể tích hợp Adobe Fonts bằng mã dự án.

3. Tôi có nên tải lên tất cả định dạng phông không?
Không cần thiết. WOFF hoặc WOFF2 hỗ trợ hầu hết trình duyệt hiện đại.

4.Làm thế nào để áp dụng phông chữ cho toàn bộ trang web?
Hãy sử dụng cài đặt Kiểu (Style) của bạn để gán phông chữ cho các thẻ cơ bản như body, h1, p, v.v.

5. Điều gì xảy ra nếu phông chữ tùy chỉnh không tải được?
Phông chữ thay thế sẽ được sử dụng để đảm bảo tính nhất quán về mặt hiển thị.