Đổi thay font chữ trong flatsome WordPress JS tối ưu hóa

Thêm font chữ Flatsome chính hãng wordpress mới – Đầu tiên vào hosting

Ở đây Sieutocviet có 2 font utm-avo và utm-avo-bold tiếp theo sẽ upload nguyên thư mục (folder) font lên hosting, theo đường dẫn:

Hosting của bạn/wp-content/themes/têntheme/assets/font/utm-avo.ttf

Hosting của bạn/wp-content/themes/têntheme/assets/font/utm-avo-bold.ttf

Têntheme là folder theme đang được dùng (đang kích hoạt) tạo thanh sidebar cho trang website phù hợp website bán hàng

Sau khi up font lên hosting thành công, bạn hãy đánh giá lại đường dẫn tới font đã chính xác chưa, trước khi tiếp tục bước tiếp theo.

Thay đổi font chữ mặc định của theme Flatsome chính hãng wordpress bằng font chữ mới

Để ứng dụng font chữ mới thay thế font mặc định Flatsome giá rẻ, tại thanh admin menu bar – bạn vào đường dẫn sau: Flatsome -> Advanced -> Custom CSS Tại ô Custom CSS (ALL SCREENS) Nhập đoạn mã sau vào ô ALL SCREENS

@font-facefont-family:”utm-avo”; font-weight:normal; font-style:normal; src:url(“/wp-content/themes/wpfast/assets/font/utm-avo.ttf”) format(“truetype”); font-display:swap cần @font-facefont-family:”utm-avo-bold”; font-weight:normal; font-style:normal; src:url(“/wp-content/themes/wpfast/assets/font/utm-avo-bold.ttf”) format(“truetype”); font-display:swap cần .nav>li>a, h1, h2, h3, h4, h5, h6 font-family:’utm-avo’, sans-serif chỉ p, a, span, strong, button, li font-family:’utm-avo’, sans-serif chưa

Và bấm Save All Changes để lưu lại nhé!

LƯU Ý : ở dòng

src:url(“/wp-content/themes/wpfast/assets/font/utm-avo.ttf”) format(“truetype”); Cài themes cho wordpress dịch dễ dàng

Các bạn cần thay thế bằng đường dẫn tới file font đã up lên ở bước 2 nhé!

Vậy là chúng ta đã hoàn tất việc thay font cho theme Flatsome giá rẻ rồi. bây giờ bạn quay lại trang chủ, nhấn f5 để thấy kết quả nhé!

(Có 1 số trường hợp vẫn không thấy font mới được ứng dụng, bạn hãy chắc chắn rằng đường dẫn tới file font mới hoàn toàn chính xác, hoặc xóa cache trình duyệt nhé!)

Kết luận

Chỉ với 3 bước dễ dàng, bạn đã có lẽ chuyển đổi font chữ cho theme Flatsome chính hãng mà không cần dùng plugin. Việc này giúp trang web của bạn có tốc độ chuyên chở trang mau lẹ hơn, ít tốn tài nguyên chương trình hơn, trang admin ít plugin sẽ nhẹ nhàng hơn. Theme WordPress Free nhiều ngành nghề tối ưu UX