Hướng dẫn sửa lỗi font trên Flatsome chi tiết cho người mới

Những điểm chính

 

  • Nguyên nhân lỗi font: Hiểu vì sao tính năng Local Google Fonts trên Flatsome có thể gây lỗi hiển thị font Tiếng Việt.

 

  • Cách khắc phục lỗi font: Hướng dẫn chi tiết từng bước cấu hình lại Google Fonts để sửa lỗi nhanh chóng và ổn định.

 

Nguyên nhân gây lỗi font chữ Tiếng Việt trên theme Flatsome

 

Sau các bản cập nhật gần đây, Flatsome mặc định bật tính năng Local Google Fonts nhằm:

 

  • Lưu trữ font chữ trực tiếp trên hosting

 

  • Giảm request ra ngoài

 

  • Cải thiện điểm số Google PageSpeed

 

Tuy nhiên, trong một số trường hợp, cơ chế này không tương thích tốt với font Tiếng Việt, dẫn đến các vấn đề như:

 

  • Font chữ hiển thị sai kiểu hoặc không đúng font đã chọn

 

  • Chữ bị nhòe, thiếu nét, khó đọc

 

  • Lỗi hiển thị các ký tự đặc biệt có dấu Tiếng Việt

 

Đây là lỗi khá phổ biến và không liên quan đến nội dung website, mà chủ yếu do cách Flatsome tải và xử lý font.

 

Các bước khắc phục lỗi font trên Flatsome

 

Bước 1: Truy cập trình Tùy biến của Flatsome

 

Trước tiên, bạn cần vào khu vực Tùy biến giao diện – nơi quản lý toàn bộ các thiết lập giao diện và font chữ của Flatsome.

 

Thực hiện như sau:

 

  • Đăng nhập vào trang Admin WordPress

 

  • Trên menu bên trái, chọn Giao diện (Appearance) → Tùy chỉnh (Customize)

 

Flatsome,  Google Fonts cục bộ, theme Flatsome

 

Sau khi truy cập thành công, bạn sẽ thấy:

 

  • Bên phải: Bản xem trước trực tiếp của website

 

  • Bên trái: Danh sách các mục cấu hình của theme Flatsome

 

Bước 2: Điều hướng đến mục Typography (Kiểu chữ)

 

Typography là khu vực cho phép bạn kiểm soát toàn bộ các thiết lập liên quan đến văn bản như font chữ, cỡ chữ, độ đậm và khoảng cách dòng.

 

Trong trình Tùy biến Flatsome, bạn thực hiện:

 

  • Tại cột bên trái, nhấp vào Style

 

  • Sau đó chọn tiếp Typography

 

Lúc này, bạn sẽ thấy các mục như Headlines, Base, Body text…, điều này cho biết bạn đã vào đúng phần cấu hình font chữ.

 

Bước 3: Điều chỉnh cài đặt Google Fonts

 

Đây là bước quan trọng nhất để sửa lỗi font Tiếng Việt trên Flatsome.

 

Trong phần Typography, bạn tìm đến khu vực cấu hình Google Fonts và thực hiện các thiết lập sau:

 

  • Tích chọn vào mục Load Google Fonts from CDN

 

  • Tại mục Google Fonts font-display type, chọn giá trị Swap

 

Giải thích ngắn gọn:

 

  • Load Google Fonts from CDN: Cho phép website tải font trực tiếp từ máy chủ của Google thay vì dùng font lưu cục bộ trên hosting.

 

  • font-display: swap: Trình duyệt sẽ hiển thị chữ ngay bằng font dự phòng, sau đó tự động thay bằng font Google Fonts khi tải xong → tránh lỗi hiển thị chữ trống hoặc sai font.

 

Cách này giúp:

 

  • Sửa lỗi font Tiếng Việt hiệu quả

 

  • Tăng khả năng tương thích font

 

  • Cải thiện trải nghiệm người dùng

 

Bước 4: Lưu thay đổi

 

Sau khi hoàn tất cấu hình, bạn nhấn nút Đăng (Publish) ở góc trên của trình Tùy biến để lưu lại toàn bộ thay đổi.

 

Ngay sau khi đăng, cấu hình mới sẽ được áp dụng cho website.

 

Bước 5: Kiểm tra kết quả

 

Cuối cùng, bạn cần kiểm tra lại website để đảm bảo lỗi đã được khắc phục:

 

  • Tải lại trang web và quan sát font chữ Tiếng Việt

 

  • Đảm bảo chữ không bị lỗi dấu, không bị nhòe hoặc sai font

 

  • Nếu website có dùng cache hoặc CDN, hãy xóa cache để tải lại phiên bản mới

 

Lưu ý khi sửa lỗi font Flatsome

 

  • Nếu font vẫn hiển thị chưa đúng, hãy nhấn Ctrl + F5 để xóa cache trình duyệt

 

  • Đảm bảo hosting cho phép kết nối đến fonts.googleapis.com

 

  • Không nên vừa bật Local Google Fonts vừa tải từ CDN cùng lúc, vì dễ gây xung đột

 

  • Sau mỗi lần cập nhật Flatsome, bạn nên kiểm tra lại phần Typography để tránh lỗi lặp lại

 

Kết luận

 

Lỗi font chữ Tiếng Việt trên Flatsome thường xuất phát từ tính năng Local Google Fonts sau khi cập nhật theme. Chỉ với vài bước cấu hình lại Google Fonts trong Typography, bạn có thể khắc phục lỗi nhanh chóng mà không cần chỉnh code.

 HỖ TRỢ TRỰC TUYẾN