Lưu Google font cục bộ trên host khi sử dụng theme Astra

Lưu Google font cục bộ trên host (Self-Host Google Fonts) là điều mọi website nên sử dụng để tối ưu tốc độ truy cập web cũng như giúp website được bảo mật hơn.

Trong bài viết này tôi sẽ hướng dẫn nhanh cách bật tính năng Load Google Fonts Locally khi bạn sử dụng theme Astra, lưu ý là hướng dẫn nhanh trên theme Astra, các theme khác tuỳ theo chức năng mà có thể có hoặc không có tính năng này, nếu bạn sử dụng theme khác theme Astra thì có thể sử dụng plugin Local Google Fonts hoặc OMGF để lưu trữ nhé.

Từ phiên bản 3.6.0 theme Astra giới thiệu một tính năng mới có tên là Self-Hosted Google Fonts. Tính năng này giúp cải thiện CLS và cải thiện hiệu suất bằng cách tải và lưu Google Fonts trên host ở định dạng “woff2”.

Theme Astra là gì?

Theme Astra cho WordPress là một theme rất phổ biến và linh hoạt, được thiết kế để tạo ra các trang web nhanh chóng và hiệu quả.

Dưới đây là một số đặc điểm nổi bật của theme Astra:

– Tốc độ tải nhanh: Astra được tối ưu hóa để tải trang nhanh, giúp cải thiện trải nghiệm người dùng và SEO.

– Thiết kế đáp ứng (responsive): Theme Astra tương thích với mọi kích thước màn hình, từ điện thoại di động đến máy tính để bàn.

– Tùy biến dễ dàng: Astra cung cấp nhiều tùy chọn tùy chỉnh giao diện mà không cần viết mã, giúp bạn dễ dàng tạo ra các trang web độc đáo.

– Tích hợp với các trình xây dựng trang (page builders): Astra tương thích tốt với các plugin xây dựng trang phổ biến như Elementor, Beaver Builder, và Gutenberg.

– Thư viện mẫu (Starter Templates): Astra có sẵn một thư viện các mẫu trang web hoàn chỉnh, giúp bạn tiết kiệm thời gian khi bắt đầu thiết kế.

– SEO-friendly: Theme Astra được mã hóa chuẩn SEO, giúp cải thiện khả năng xếp hạng trên các công cụ tìm kiếm.

– Hỗ trợ WooCommerce: Astra tích hợp tốt với WooCommerce, cho phép bạn dễ dàng tạo các trang web thương mại điện tử.

Astra là một lựa chọn tuyệt vời cho cả người mới bắt đầu và các nhà phát triển web chuyên nghiệp vì tính linh hoạt và dễ sử dụng của nó.

Bật tính năng lưu Google font cục bộ trên host

Để bật tính năng lưu Google font cục bộ trên host trên theme Astra bạn có thể làm theo cách sau.

1. Đăng nhập vào wp-admin
2. Click vào Dashboard > Settings > Performance
3. Bật Load Google Fonts Locally

Bạn cũng nên bật Preload Local Fonts luôn để tối ưu hơn nhé.

Như vậy là bạn đã bật tính năng lưu Google font cục bộ với định dạng .woff2 trên host khi sử dụng theme Astra thành công, nếu bạn muốn lưu thêm định .woff thì có thể sử dụng filter sau và add vào functions.php

add_filter( 'astra_local_google_fonts_format', 'update_astra_local_fonts_format' );
function update_astra_local_fonts_format( $font_format ) {
  $font_format = 'woff'; // This will change format to "woff" - you can also use other format
  return $font_format;
}

Okay, hy vọng bài viết sẽ giúp ích được cho nhiều người mới tìm hiểu và sử dụng theme Astra.