Cách tắt Google Fonts trên trang web WordPress của bạn

Tác giả Network Engineer, T.Chín 13, 2022, 09:58:27 SÁNG

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Cách tắt Google Fonts trên trang web WordPress của bạn


Bạn đang tìm cách tắt Google Fonts trong WordPress?

Tải quá nhiều phông chữ của bên thứ ba có thể làm chậm trang web của bạn. Khách truy cập có kết nối internet chậm sẽ có trải nghiệm người dùng tốt hơn nếu bạn chỉ sử dụng một vài phông chữ hệ thống. Ngoài ra, việc sử dụng Phông chữ của Google có thể làm cho trang web của bạn không tuân thủ GDPR và không ai muốn điều đó.

Trong bài viết này, mình sẽ hướng dẫn bạn cách tắt Google Fonts trên trang web WordPress của bạn.

1. Tại sao phải tắt Google Fonts trên trang web WordPress của bạn?

Kiểu chữ bạn chọn cho trang web WordPress của mình đóng một vai trò quan trọng trong thiết kế và nhận dạng thương hiệu của nó. Đó là lý do tại sao nhiều chủ sở hữu trang web tùy chỉnh kiểu chữ của họ bằng cách sử dụng Google Fonts.

Tuy nhiên, việc tải quá nhiều phông chữ sẽ có tác động tiêu cực đến hiệu suất của WordPress. Đó là lý do tại sao mình khuyên bạn chỉ nên chọn hai phông chữ và sử dụng chúng trên trang web của bạn.

Ngoài ra, bạn có thể tắt hoàn toàn Phông chữ của Google và chỉ cần sử dụng phông chữ hệ thống đi kèm với máy tính của người dùng. Chúng trông tuyệt vời và tải nhanh hơn nhiều, đặc biệt là đối với những người dùng có kết nối chậm.

Đó là lý do tại sao mình quyết định tắt Google Fonts khi thiết kế lại trang web khách hàng. Mình muốn giúp mọi người dễ dàng học WordPress và phát triển sự hiện diện trực tuyến của họ, ngay cả khi kết nối internet của bạn không phải là tốt nhất.

Vô hiệu hóa Google Fonts có thể không phải là quyết định đúng đắn cho tất cả các trang web hoặc blog của doanh nghiệp. Tuy nhiên, nếu bạn có khách truy cập từ các khu vực có chất lượng internet kém, thì đây là một cách bạn có thể cung cấp trải nghiệm người dùng tốt hơn.

Ngoài ra, có những vấn đề về quyền riêng tư với Google Fonts có thể khiến trang web của bạn không tuân thủ các luật như GDPR. Việc tắt Google Fonts làm giảm nguy cơ trang web của bạn bị bắt vi phạm bất kỳ luật bảo mật quốc tế nào.

Chúng ta hãy xem cách tắt Google Fonts trong WordPress.

2. Tắt Google Fonts trong WordPress bằng Plugin

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Disable and Remove Google Fonts. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của mình về cách cài đặt plugin WordPress.

Sau khi kích hoạt, plugin sẽ tự động vô hiệu hóa tất cả Phông chữ Google mà chủ đề và plugin của bạn sử dụng. Nó không cần phải được cấu hình.

Bây giờ WordPress sẽ tự động sử dụng phông chữ mặc định thay cho bất kỳ Phông chữ nào của Google đang được sử dụng. Bạn nên kiểm tra cẩn thận trang web của mình để đảm bảo rằng bạn hài lòng với các phông chữ hiện đang được sử dụng.

Nếu bạn muốn chọn các phông chữ khác nhau, hãy xem hướng dẫn của mình về cách thay đổi phông chữ trong chủ đề WordPress của bạn.

3. Tắt Google Fonts trong OptinMonster

OptinMonster là  plugin tạo khách hàng tiềm năng tốt nhất cho WordPress và hơn 1,2 triệu trang web sử dụng phần mềm này để  phát triển danh sách email của họ, tăng doanh số bán hàng và nhận được nhiều khách hàng tiềm năng hơn.

Tuy nhiên, OptinMonster sử dụng Google Fonts theo mặc định. May mắn thay, rất dễ dàng để vô hiệu hóa chúng.

3.1. Tắt Google Fonts trong các Chiến dịch OptinMonster Riêng lẻ

Trước tiên, bạn nên truy cập trang web OptinMonster và đăng nhập vào Trang tổng quan chiến dịch của mình. Sau đó, bạn cần nhấp vào một chiến dịch và sau đó nhấp vào nút Chỉnh sửa Chiến dịch.


Thao tác này sẽ mở Trình tạo chiến dịch OptinMonster.

Tiếp theo, bạn cần nhấp vào biểu tượng Cài đặt ở góc dưới cùng bên trái của thanh chân trang.


Trong bảng điều khiển thanh bên, bạn cần chọn tab Nâng cao.

Bây giờ bạn có thể cuộn xuống phần 'Cài đặt hiển thị' và chuyển đổi 'Bật phông chữ web?' đến vị trí tắt.


Khi bạn nhấp vào nút 'Lưu' ở đầu màn hình, phông chữ của bên thứ ba sẽ bị vô hiệu hóa cho chiến dịch đó.

Bạn sẽ cần phải lặp lại các bước này cho từng chiến dịch khác mà bạn muốn xóa Google Fonts.

3.2. Tắt Google Phông chữ cho Tất cả Chiến dịch OptinMonster

Nếu bạn cảm thấy thoải mái với việc thêm các đoạn mã JavaScript vào trang web của mình, thì bạn có thể tắt Google Fonts trên tất cả các chiến dịch OptinMonster cùng một lúc.

Để tắt Google Fonts trong mọi chiến dịch, bạn cần thêm đoạn mã này vào đầu trang hoặc chân trang của trang web:

Mã nguồn [Chọn]
<script type="text/javascript">
    document.addEventListener('om.Scripts.init', function(event) {
    event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>

Nếu bạn muốn tắt tất cả các phông chữ web, bao gồm Google Fonts và FontAwesome, thì bạn nên thêm đoạn mã này:

Mã nguồn [Chọn]
<script type="text/javascript">
    document.addEventListener('om.Scripts.init', function(event) {
    event.detail.Scripts.enabled.fonts = false;
});
</script>

Cách dễ nhất để thêm các đoạn mã đó là sử dụng WPCode, plugin đoạn mã mạnh nhất hiện có cho WordPress. Nó cho phép bạn dễ dàng thêm mã tùy chỉnh vào bất kỳ khu vực nào trên trang web của mình và trên hết, nó hoàn toàn miễn phí.

Đầu tiên, bạn cần cài đặt và kích hoạt  plugin WPCode miễn phí. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của mình về  cách cài đặt plugin WordPress.

Sau khi được kích hoạt, bạn cần đi tới Code Snippets >> Headers & Footer.

Chỉ cần dán đoạn mã vào trường Tiêu đề và sau đó nhấp vào nút 'Lưu Thay đổi'.


Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách tắt Google Fonts trên trang web WordPress của mình. Bạn cũng có thể muốn xem hướng dẫn bảo mật WordPress cuối cùng của chúng tôi hoặc xem danh sách các cách kiếm tiền từ viết blog trực tuyến với WordPress của chúng tôi.