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

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

Rate this post

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:

Font 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 font chữ trên web.

Font chữ web (hay còn gọi là phông chữ HTML ) là font 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.

Font 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.)

Font chữ an toàn cho web là một phạm vi Font 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 Font 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 font Tiếng Việt cho wordpress

  1. 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
tìm một font phù hợp
  1. Tiếp theo là chọn styles cho font chữ của bạn.
Chỉnh font chữ tiếng Việt trong wordpress
Tiếp theo là chọn styles cho font chữ.
  1. Copy đoạn code nhúng.
Chỉnh font chữ tiếng Việt trong wordpress
Copy đoạn mã nhúng.
  1. Sau đó bỏ đoạn code nhúng vừa copy vào header hoặc footer. Các bạn có thể copy vào plugin Insert Headers and Footers và lưu lại.
Chỉnh font chữ tiếng Việt trong wordpress
Sau đó bỏ đoạn code nhúng vừa copy vào header hoặc footer

Đó 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.

  1. Thêm css cho theme:
Chỉnh font chữ tiếng Việt trong wordpress
thêm css cho theme
  1. Chọn Css bổ sung.
Chỉnh font chữ tiếng Việt trong wordpress
Chọn CSS bổ sung
  1. Bước cuối cùng là thêm vào đoạn Code CSS
body{
  font-family: "Open Sans", Times, serif;
}
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.

  1. 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ả.

  1. 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 Font chữ trong WordPress

Cho dù bạn đang sử dụng Font chữ web hay Font chữ được lưu trữ cục bộ, bạn nên làm mọi thứ có thể để tối ưu hóa Font 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 Font của bạn, cả về tốc độ và thiết kế.

Tối ưu hóa Font 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 Font chữ web cung cấp Font 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 Font chữ bạn cần. Đừng xếp hàng các biến thể của Font 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 Font 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ữ Font 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ữ Font 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 Font 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 Font chữ.

Tối ưu hóa Font chữ cho Thiết kế

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

  • Các Font chữ mới có phù hợp với các Font 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 Font chữ sử dụng cho tài liệu in nhưng không thể sử dụng cùng một Font chữ . Hãy thử tìm một Font chữ trùng khớp nhất có thể trên Google Font chữ.
  • Các Font 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 Font 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 Fonts chữ trên Google Fonts. Hãy thử sử dụng một dịch vụ như fontpair để tìm hai Font 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.

Leave a Reply