Loại bỏ Google Fonts khỏi WordPress

Google Fonts thường được tích hợp sẵn trong nhiều chủ đề và plugin, tuy nhiên việc sử dụng Google Fonts có thể không phải lựa chọn tốt nhất. Trong bài viết này, chúng ta sẽ tìm hiểu về cách loại bỏ Google Font khỏi WordPress và lý do tại sao bạn nên làm điều đó.

Tại sao phải loại bỏ Google Fonts khỏi WordPress?

Sử dụng Google Fonts có thể làm tăng thời gian tải trang của bạn, bởi trình duyệt phải gọi đến server chứa fonts của Google khi truy cập. Điều này có thể làm giảm tốc độ tải trang và các chỉ số LCP, CLS trên trang.

Việc sử dụng fonts từ Google có thể làm mất tính nhất quán trong thiết kế của bạn, đặc biệt là khi người dùng không có kết nối internet và các font không được tải đúng cách.

Một số plugin như WP Rocket không hỗ trợ chế độ Preload fonts nếu fonts không được lưu trực triếp trên hosting hoặc được khai báo trong tab CDN của WP Rocket.

Cách loại bỏ Google Fonts trong WordPress

Trước khi đi vào các cách xử lý phổ biến, bạn hãy thử kiểm tra lại mục cấu hình Google Fonts trong Themes options hoặc mục cài đặt của các plugin (Nếu có).

Tôi luôn khuyến kích bạn tắt theo đúng cơ chế của nhà phát triển, thay vì cài đặt thêm plugin hoặc code để tắt chúng.

Nếu trang web của bạn không có tùy chọn cấu hình Google fonts, hãy thử ngay các cách dưới đây.

Sử dụng plugin để loại bỏ Google Fonts

Có rất nhiều plugin có thể hỗ trợ tính năng loại bỏ Google fonts. Tôi sẽ giới thiệu đến bạn 3 plugin mà bạn có thể áp dụng.

Perfmatters

Perfmatters là một plugin trả phí được cộng đồng WordPress sử dụng rất nhiều, bởi lẽ plugin này cung cấp các tính năng làm sạch trang web WordPress một cách dễ dàng và rất trực quan.

Với Perfmatters, bạn chỉ cần truy cập vào mục Perfmatter > Fonts > Và nhấn vào nút Disable Google Fonts.

Chỉ có vậy, plugin này sẽ tìm và gỡ bỏ các tệp Google khỏi website giúp bạn.

Litespeed Cache

Đây là một plugin tối ưu rất phổ biến, bản thân plugin này cũng có sẵn chế độ Remove Google Fonts.

Để cấu hình bạn cần cài đặt plugin Litespeed Cache trông thư viện của WordPress, sau đó truy cập mục Litespeed Cache > Page Optimize > HTML > Nhấn vào nút bật tại mục Remove Google Fonts > Cuối cùng nhấn Save changes để lưu lại.

Một lưu ý khi sử dụng plugin này đó là máy chủ hosting của bạn phải sử dụng Webserver Litespeed, thì mới tận dụng hết sức mạnh và tính năng có trong nó.

Disable and Remove Google Fonts

Đây là một plugin đơn giản nếu bạn chỉ có một nhu cầu duy nhất đó là gỡ bỏ Google Fonts.

Sau khi bạn cài đặt plugin trên kho thư viện của WordPress, nó sẽ tự tìm và gỡ bỏ tất cả các tệp Google Fonts mà không cần bạn cấu hình gì.

Chèn hàm vào file functions.php để loại bỏ Google Fonts

Với cách này, bạn cần lấy ID của Google font, bạn có thể Ctrl + U web và tìm kiếm từ khóa “google-fonts”.

Trong trường hợp của tôi thì ID của Google fonts có dạng như sau generate-google-fonts-css, phần -css đằng sau ID thì bạn bỏ đi nhé.

Lấy ID của các tệp Google Fonts
//Remove Google Fonts Style
function remove_google_fonts_style() {
    wp_dequeue_style( 'google-fonts-1' );
    wp_dequeue_style( 'google-fonts-2' );
}
add_action( 'wp_print_styles', 'remove_google_fonts_style' );

Hãy nhớ thay thế google-fonts-1google-fonts-2 thành ID mà bạn đã lấy được ở trên và chèn vào file functions.php của giao diện

File functions.php lúc này sẽ trông giống như ảnh dưới

Chèn hàm vào file functions.php để loại bỏ Google Fonts.

Tổng kết

Trên đây là một số hướng dẫn để bạn có thể gỡ bỏ Google Fonts khỏi trang WordPress của mình.

Nếu bạn chọn phương án sử dụng plugin, hãy cố gắng sử dụng tính năng Remove Google Fonts có sẵn trong các plugin tối ưu web như Litespeed, Perfmatter thay vì cài hẳn một plugin riêng chỉ để làm một tính năng duy nhất.

Nếu bạn có cách làm tối ưu hơn, hãy cho tôi biết trong bình luận bên dưới.

Câu hỏi thường gặp

Q. Việc xóa Google Fonts có ảnh hưởng đến thiết kế trang web của tôi không

A. Không, nếu bạn đảm bảo Fonts vẫn được lưu trữ trực tiếp trên hosting thì mọi thứ vẫn sẽ hoạt động.

Q. Tôi vẫn có thể sử dụng phông chữ web sau khi xóa Google Fonts chứ

A. Có, có rất nhiều dịch vụ phông chữ web có sẵn hoặc bạn có thể lưu trữ phông chữ cục bộ trên máy chủ của mình để sử dụng.

Leave a Comment