Ghost CMS bị lỗi font tiếng Việt? Bạn đã lầm to!

Giải thích các vấn đề về font tiếng Việt khi dùng Ghost CMS, bạn cần hiểu đầy đủ.

Cường Trần
Cường Trần
6 phút đọc

"Ghost bị lỗi font tiếng Việt", "Ghost không hỗ trợ tiếng Việt",... Tôi không hiểu vấn đề này bắt đầu từ nguồn thông tin nào nhưng hiểu lầm này khá "viral" trong cộng đồng.

Để giúp các bạn mới hiểu đúng về font của Ghost, tôi sẽ giải thích chi tiết, chứng minh và để chính bạn trải nghiệm xem có đúng hay không.

Và cũng sẽ có một "mẹo nhỏ" cho bạn trong bài viết này giúp bạn khắc phục sự cố với font Ghost.

Ghost không hỗ trợ tiếng Việt nên lỗi font tiếng Việt?

Xin chia sẻ với bạn rằng Ghost là một trong các CMS hiếm hoi hỗ trợ đa ngôn ngữ thuộc dạng đỉnh nhất thế giới với i18n.

Nhờ i18n Ghost có thể giúp bạn tạo site đa ngôn ngữ phức tạp, cái mà WordPress đòi hỏi bạn mua cài thêm plugin trả phí để thiết lập đa ngôn ngữ.

Ghost Admin trong Setting > General bạn sẽ thấy Ghost cho chuyển đổi ngôn ngữ i18n
Ghost Admin trong Setting > General bạn sẽ thấy Ghost cho chuyển đổi ngôn ngữ i18n

Vì vậy, không có chuyện Ghost không hỗ trợ tiếng Việt, mà ngược lại, càng không phải là nguyên nhân lỗi font tiếng Việt bạn nhé.

P/S: Ghost Admin chưa hỗ trợ đa ngôn ngữ và chỉ hiển thị ngôn ngữ tiếng Anh duy nhất, có thể đây là lý do nhiều bạn cho rằng Ghost không hỗ trợ tiếng Việt.

Ghost Admin chỉ là nơi bạn quản trị website Ghost như viết, xuất bản, cấu hình, đổi theme,...và Ghost Admin không có gói ngôn ngữ tiếng Việt như WordPress.

Theme Ghost lỗi font tiếng Việt?

Vấn đề này xảy ra khi bạn dùng một theme phát triển chỉ dành cho "người nước ngoài" và font họ lựa chọn là các font rất đẹp cho...tiếng Anh, còn tiếng Việt thì lỗi.

Ví dụ, theme Ghost mặc định Casper sẽ dùng font Inter, font này hỗ trợ tốt tiếng Việt. Tương tự, theme London dùng font Mulish, cũng hỗ trợ tốt tiếng Việt.

Nhưng nếu bạn dùng theme trả phí Maido của Fueko thì tiêu đề bài viết dùng font Corben, font này không hỗ trợ tiếng Việt dẫn đến hiển thị lỗi.

Font Corben (theme Maido) đẹp khi dùng với tiếng Anh
Font Corben (theme Maido) đẹp khi dùng với tiếng Anh
Font Corben (theme Maido) "lỗi" khi dùng với tiếng Việt
Font Corben (theme Maido) "lỗi" khi dùng với tiếng Việt

Nghĩa là, tùy vào nhà phát triển theme Ghost dùng font cho theme họ như thế nào chứ không phải Ghost lỗi font tiếng Việt.

Thực tế bạn có thể thay đổi mọi font bạn muốn cho theme bất kỳ (bạn sẽ cần kiến thức chỉnh sửa theme hoặc ít nhất biết cách dùng CSS).

Theo kinh nghiệm, hầu hết theme Ghost official đều hỗ trợ tốt tiếng Việt (nhưng lại không hỗ trợ đa ngôn ngữ, ác chưa 😂) và các theme miễn phí cũng hỗ trợ tốt cho tiếng Việt do dùng "safe font" như system font hoặc Roboto.

Ghost editor bị lỗi tiếng Việt khi viết bài?

Một sự thật thú vị là KHÔNG HỀ LỖI nhưng lại lỗi😂.

Ghost editor dùng safe font là Georgia và theo lý thuyết tương thích cực kỳ tốt với tiếng Việt nhưng nó lại lỗi hiển thị trên trình duyệt Chrome trên Window.

Không rõ từ bao giờ và tại sao, nhưng tôi đoán là do Win 10 gây ra giới hạn này.

Nghĩa là khi bạn dùng Window, nếu bạn dùng trình duyệt Chrome hay các trình duyệt dùng nhân Chromium tương tự như Edge hay CocCoc,...sẽ bị lỗi font cả trong lúc viết bài lẫn hiển thị bài viết cho người xem.

Nó chỉ xảy ra trên Chrome Window, Chrome máy Mac hay Chrome di động đều hiển thị font Georgia bình thường.

Ghost Editor hiển thị lỗi khi dùng Chrome trên Win 10
Ghost Editor hiển thị lỗi khi dùng Chrome trên Win 10
Ghost Editor hiển thị "đúng" khi dùng Chrome trên Mac
Ghost Editor hiển thị "đúng" khi dùng Chrome trên Mac

Để giải quyết vấn đề hiển thị font Georgia lỗi trên Ghost Editor có 2 cách:

  1. Không dùng Window 😅 dùng Mac
  2. Đổi font Georgia thành Arial

Dĩ nhiên Ghost sẽ không cho phép bạn chỉnh sửa Ghost Admin để đổi font, thay vào đó bạn dùng một mẹo đơn giản sau bằng Chrome Extension.

Super CSS Inject
Keep multiple stylesheets ready to inject and change on the fly!
Bước 1: Tải về Super CSS inject (một Chrome Extension)

Mở Super CSS Inject và thêm vào URL sau (tôi đã code CSS sẵn cho bạn)

https://cdn.statically.io/gh/CuongThach/assets/main/CSS/ghost-editor.css
Bước 2: Thêm đường dẫn URL ở trên vào
Bước 2: Thêm đường dẫn URL ở trên vào
Bước 3: Tích xanh vào mỗi khi bạn viết bài
Bước 3: Tích xanh vào mỗi khi bạn viết bài

Mỗi khi bạn viết bài mới, bạn bật Super CSS Inject lên (tích xanh), bạn sẽ thấy font chữ hiển thị chuẩn với font Arial.

Trong trường hợp bạn thích font Mulish của Google thì bạn chèn code bên dưới

https://cdn.statically.io/gh/CuongThach/assets/main/CSS/ghost-editor-mulish.min.css

P/S: Không liên quan đến Ghost Editor, nhưng nếu theme bạn đang dùng cũng là font Georgia thì tốt nhất bạn nên đổi font khác để phục vụ người xem trên Window.

Lời kết...

Như bạn thấy Ghost thực tế không hề gặp lỗi bất cứ font tiếng Việt nào, nếu bạn vẫn chưa tin thì có thể tự mình kiểm tra tại trang Ghostfam Demo ở đây (user [email protected] pass là 12345admin).

GhostFam đang dùng font Inter (theme Ubud) tương thích tốt với tiếng Việt và tôi dùng Ghost bằng trình duyệt Chrome của Mac. Mọi hiển thị có thể nói hoàn hảo 😘.

Bạn hãy để câu hỏi của bạn bên phần bình luận bên dưới nếu có bất cứ thắc mắc nào liên quan nhé, tôi sẽ giải đáp cho bạn.

Blog

Bạn có thể quan tâm

6 Lợi ích của phần bình luận mang lại cho một blog

Bạn đã đánh giá đúng tầm quan trọng mà phần bình luận đem lại cho blog của mình? Bạn có nên tắt bình luận bài viết?

6 Lợi ích của phần bình luận mang lại cho một blog

[Tản mạn] Ghost và Medium – Chọn viết blog ở đâu?

So sánh nhẹ về Medium và Ghost, bạn nên chọn viết blog ở đâu và chiến thuật phối hợp như thế nào.

[Tản mạn] Ghost và Medium – Chọn viết blog ở đâu?

Google AMP giờ đây chỉ là một lựa chọn khi dùng Ghost

Bạn có nên dùng Google AMP cho blog Ghost? Bây giờ là quyết định của chính bạn.

Google AMP giờ đây chỉ là một lựa chọn khi dùng Ghost
Cường Trần

Cường Trần

Cường chuyên viết về giải pháp liên quan đến WordPress và Ghost, là một How-to blogger thực chiến.

bởi @CườngTrần