Sửa trang
Thời gian render trang: 14/11/2026 07:27:11.162
Cài đặt chung · Font & màu

Đổi font chữ và màu web áp dụng toàn trang

Font chữ và màu chủ đạo quyết định "chất" của thương hiệu. Trên Light, bạn đổi một lần là toàn bộ website cập nhật theo — không phải sửa từng trang.

Khoảng 2 phút5 bướcÁp dụng toàn trang
Font chữMàu chủ đạoThanh bar

Đổi font và màu · 5 bước

Bấm vào một bước để chuyển nhanh tới phần hướng dẫn đó.

1Font chữ
2Chọn font
3Màu website
4Chọn màu
5Cập nhật
1Bước 1

Mở Cài đặt chung → Font chữ

Ở chế độ Sửa trang, mở nhóm đầu tiên trên thanh công cụ dưới cùng.

Bấm Cài đặt chung +

Chọn Font chữ trong menu đen xổ lên

thietkewebsmartpro.com/EditViewLight
Đăng xuấtTài khoảnMã giảm giáSchema MarkupSitemapBộ lọc thuộc tính và tìm kiếmThông tin trangFont chữMàu websiteMã nhúng toàn trangChuyển hướng
Cài đặt chung Sản phẩm - Tin tức - Landing Công cụ SEO - Marketing - Chặn Click Tặc Giao diện (ALT+W)Liên HệĐơn hàng
2Bước 2

Chọn font chữ chủ đạo

Mỗi font hiện kèm câu mẫu tiếng Việt để bạn thấy dấu hiển thị thế nào.

Bấm vào font muốn dùng: Montserrat, Roboto, Inter, Quicksand, Poppins…

Ưu tiên font hiển thị đủ dấu tiếng Việt, dễ đọc trên điện thoại

Lưu lại, tải lại trang để xem font mới

Font viết tay (Dancing Script, Pacifico) chỉ nên dùng cho tiêu đề ngắn.

…/Light1Domain/ManageClientFont
Chọn Font chữ chủ đạo
Montserrat:Cộng hòa xã hội chủ nghĩa Việt Nam…
Roboto:Cộng hòa xã hội chủ nghĩa Việt Nam…
Open Sans:Cộng hòa xã hội chủ nghĩa Việt Nam…
Inter:Cộng hòa xã hội chủ nghĩa Việt Nam…
Quicksand:Cộng hòa xã hội chủ nghĩa Việt Nam…
Poppins:Cộng hòa xã hội chủ nghĩa Việt Nam…
Dancing Script:Cộng hòa xã hội chủ nghĩa Việt Nam…
3Bước 3

Mở Cài đặt chung → Màu website

Trang Chọn màu sắc cho website có 3 khung màu.

Bấm Cài đặt chung + → Màu website

Ba khung: Chọn màu chủ đạo, Màu phụ, Màu thanh bar trên điện thoại

thietkewebsmartpro.com/EditViewLight
Đăng xuấtTài khoảnMã giảm giáSchema MarkupSitemapBộ lọc thuộc tính và tìm kiếmThông tin trangFont chữMàu websiteMã nhúng toàn trangChuyển hướng
Cài đặt chung Sản phẩm - Tin tức - Landing Công cụ SEO - Marketing - Chặn Click Tặc Giao diện (ALT+W)Liên HệĐơn hàng
4Bước 4

Chọn màu chủ đạo, màu phụ và màu thanh bar

Bấm một chấm màu có sẵn hoặc nhập mã màu ở ô bên dưới.

Màu chủ đạo: dùng cho nút, tiêu đề nhấn, đường viền nổi bật

Màu phụ: màu chữ / nền phụ

Thanh bar trên điện thoại: màu thanh trình duyệt khi khách mở web bằng điện thoại

…/Light1Domain/ManageClientColor
Chọn màu sắc cho website
Chọn màu chủ đạorgb(254, 215, 0)
Màu phụrgb(10, 58, 120)
Màu thanh bar trên điện thoạirgb(254, 215, 0)
5Bước 5

Bấm Cập nhật và kiểm tra

Thanh đỏ CẬP NHẬT nằm dưới cùng trang.

Bấm CẬP NHẬT

Mở trang chủ, kiểm tra nút, tiêu đề đã đổi màu

Xem trên điện thoại để thấy màu thanh bar

…/Light1Domain/ManageClientColor
Chọn màu chủ đạorgb(254, 215, 0)
Màu phụrgb(10, 58, 120)
CẬP NHẬT

Mẹo chọn font và màu đẹp

Tối đa 2 fontMột font cho tiêu đề, một cho nội dung là đủ chuyên nghiệp.

Đủ tương phảnChữ sáng trên nền tối hoặc ngược lại để khách đọc dễ.

Theo logoLấy màu chủ đạo từ logo để web đồng bộ thương hiệu.

Kiểm tra điện thoạiHơn nửa khách xem bằng điện thoại — luôn xem lại trên máy thật.

Màu riêng từng phầnMuốn đổi màu một khối? Dùng Màu chữ/icon (Alt+1) khi sửa trang.

Ghi lại mã màu cũChép mã rgb cũ trước khi đổi để quay lại khi cần.