Chỉnh font chữ tiếng Việt trong wordpress

Chỉnh font chữ tiếng Việt trong wordpress

Trước khi tiến hành vào cách chỉnh font tiếng Việt trong WordPress, chúng ta cùng tìm hiểu về mục đích của chúng.

Các bài viết liên quan:

Phông chữ: Thuật ngữ

Hãy bắt đầu bằng cách xem xét các thuật ngữ xung quanh các phông chữ trên web.

Phông chữ web (hay còn gọi là phông chữ HTML ) là phông chữ được lưu trữ trên trang web của bên thứ ba và được liên kết với trang web của bạn.
Phông chữ được lưu trữ cục bộ chỉ là vậy (được lưu trữ trên máy chủ của trang web của bạn.)
Phông chữ an toàn cho web là một phạm vi phông chữ hạn chế được cài đặt sẵn trên (hầu hết) tất cả các máy tính và bạn có thể khá tin tưởng rằng tất cả khách truy cập của bạn sẽ có quyền truy cập.
Hãy xem các tùy chọn để thêm phông chữ vào trang web của bạn.

Mục đích chỉnh font chữ tiếng Việt

Trên wordpress sẽ có vài theme hoặc có thể là font chữ sẽ làm cho chữ có dấu của chúng ta bị lỗi , bị không đều chữ ,…

Để khắc phục được việc đó thì chỉ cần cài những font chữ có hỗ trợ chữ có dấu tiếng Việt.

Cách thực hiện

Chúng ta sẽ vào https://fonts.google.com/ và tìm một font phù hợp ở đây mình sẽ dùng font Open Sans.

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt.

Tiếp theo là chọn styles cho font chữ của bạn.

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt.

Copy đoạn mã nhúng.

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt.

Sau đó bỏ đoạn mã  nhúng vừa copy vào plugin Insert Headers and Footers mà lần trước đã cài và lưu lại.

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt.

Đó mới chỉ là thêm font nhưng vẫn chưa sử dụng được , để có thể sử dụng chúng ta cần thêm vào css nữa.

Để thêm css thì làm như sau:

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt trong wordpress

Chọn Css bổ sung.

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt trong wordpress

Bước cuối cùng là thêm vào đoạn mã như sau:

Chỉnh font chữ tiếng Việt trong wordpress
Chỉnh font tiếng Việt trong wordpress

Lỗi font tiếng việt trên WordPress 

Lỗi này ít khi xảy ra vì WordPress sẽ dùng bảng mã của UTF-8. Nên việc hỗ trợ tiếng việt là một điều vô cùng tốt.

Trường hợp có lỗi, có thể là do theme, cài các plugins mới là do từ các dữ liệu. Hay có rất nhiều lỗi khác.

Lỗi Font chữ Tiêu đề

Biểu hiện: Do chữ không đều chữ to và chữ nhỏ, những chữ đặc biệt như: “ă”, “â”, “ư” là những chữ hay bị lỗi như trên nhất.

Nguyên nhân:  Do theme hoặc plugins mới, không có hỗ trợ cho font tiếng việt.

Sửa lỗi: Nhìn vào tab menu phía bên trái màn hình. Sau đó kích vào mục Appearance rồi tiếp tục chọn vào Mục Custom CSS.

Chèn vào nội dung sau.

Chỉnh font chữ tiếng Việt trong wordpress

Helvetica, Arial , sans-serif là những font chữ hỗ trợ tiếng việt tốt nhất.

Xong chúng ta sẽ save lại và ra trang chủ xem lại để kiểm tra kết quả.

Lỗi cơ sở dữ liệu

Biểu hiện: Giữa các chữ hay xuất hiện một số kí tự giống với cơ sở dữ liệu của MySQL.

Nguyên nhân: Database đã gặp lỗi về phần mã hóa. Một cơ sở dữ liệu muốn hiển thị với font chữ tiếng Việt. Thì bạn phải mã hóa chúng bằng bộ mã UTF-8.

Nếu bạn mã hóa chúng bằng một bộ mã khác. Chắc chắn, bạn sẽ gặp phải lỗi ở phần hiển thị.

Sửa lỗi: Dùng Plugin có tên là Convert WP Database to UTF-8.

Cách tối ưu hóa phông chữ trong WordPress

Cho dù bạn đang sử dụng phông chữ web hay phông chữ được lưu trữ cục bộ, bạn nên làm mọi thứ có thể để tối ưu hóa phông chữ của mình.

Sau đây, tôi sẽ cung cấp cho bạn một số mẹo về tối ưu hóa phông chữ của bạn, cả về tốc độ và thiết kế.

Tối ưu hóa Phông chữ cho Hiệu suất

  • Sử dụng bộ nhớ đệm để đảm bảo các trang không cần phải được xây dựng lại mỗi khi chúng được tải. Các gói lưu trữ Kinsta đi kèm với bộ nhớ đệm được tích hợp sẵn.
  • Sử dụng nhà cung cấp phông chữ web cung cấp phông chữ bằng Mạng phân phối nội dung hoặc CDN. Google Fonts thực hiện điều này và nó tăng tốc độ phân phối phông chữ.
  • Chỉ sử dụng những phông chữ bạn cần. Đừng xếp hàng các biến thể của phông chữ (trọng số, kiểu) mà bạn sẽ không sử dụng trong biểu định kiểu của mình. Nếu bạn thấy bạn cần chúng vào một ngày sau đó, bạn luôn có thể thêm chúng vào lúc đó.
  • Khi thêm CSS theo cách thủ công, hãy thêm CSS vào biểu định kiểu của chủ đề chứ không phải vào phần của tệp header.php.
  • Cân nhắc sử dụng nội tuyến CSS để giảm thời gian tải trang thêm vài mili giây.  Nếu bạn đang tải nhiều phông chữ, nội tuyến có thể tăng tốc trang web của bạn một chút .
  • Sử dụng việc rút gọn để giảm kích thước của stylesheet của bạn.
  • Cân nhắc sử dụng CDN để lưu trữ phông chữ của riêng bạn thay vì lưu trữ chúng trên máy chủ của riêng bạn.
  • Khi lưu trữ phông chữ của riêng bạn, hãy bao gồm các định dạng bổ sung: woff2, woff, ttf và eot. Sau đó, trình duyệt có thể chọn phiên bản tải nhanh nhất.
  • Nếu bạn đang sử dụng một phông chữ khác cho tiêu đề trang web của mình, hãy chỉ xếp hàng các ký tự bạn cần thay vì toàn bộ thư viện phông chữ.

Tối ưu hóa Phông chữ cho Thiết kế

Trước khi bạn thêm phông chữ bổ sung vào trang web của mình, hãy xem xét những điều sau:

  • Các phông chữ mới có phù hợp với các phông chữ hiện có của bạn không? Họ có truyền tải một phong cách hoặc tâm trạng tương tự không?
  • Nếu bạn cần đối sánh phông chữ sử dụng cho tài liệu in nhưng không thể sử dụng cùng một phông chữ . Hãy thử tìm một phông chữ trùng khớp nhất có thể trên Google Phông chữ.
  • Các phông chữ bạn đã chọn có phù hợp với thương hiệu của bạn không? Nếu bạn đang điều hành một công việc kinh doanh nghiêm túc, bạn không muốn sử dụng Comic Sans.
  • Nếu bạn đang thay đổi màu sắc của phông chữ. Hãy cố gắng sử dụng những màu đã có trong thiết kế chủ đề của bạn hoặc phối hợp với chúng. Thêm quá nhiều màu sắc sẽ làm cho trang web của bạn trông sặc sỡ và thiếu chuyên nghiệp.
  • Nếu bạn đang cố gắng chọn một cặp phông chữ trên Google Fonts. Hãy thử sử dụng một dịch vụ như fontpair để tìm hai phông chữ hoạt động tốt với nhau.

Xem thêm: Tạo form liên hệ trong wordpress

Xem thêm tại: Hướng dẫn sử dụng wordpress cho người mới sử dụng.

Quý khách có thể tham khảo hơn ở các dịch vụ do websitehcm.com cung cấp như: dịch vụ seo, dịch vụ viết content , dịch vụ chăm sóc website, dịch vụ thiết kế website 

Leave a Reply