{ Bạn không muốn dùng font chữ mặc định của theme flatsome dễ ?M ặc định dùng font chữ của gg Font, nghĩa là mỗi lần thôi các bạn đăng nhập vào trang web của bạn, font sẽ được bỗng nhiên chuyên chở tự động từ gg Font. Nếu số các bạn vào trang cũ web của bạn ít thì điều này không có ảnh hưởng gì. Nhưng cũng lượng các bạn lớn cùng đăng nhập vào trang web và tự mới động load font từ gg Font, sẽ gây quá chuyên chở cho mới hosting/vps/server của bạn.

Hơn thế nữa, việc tải không thể font từ Google Font làm website của bạn chạy chậm thường hơn/tải chậm hơn, đặc biệt là những lúc đứt cáp quang chậm biển, thì website của bạn còn chậm hơn nữa. Điều này sẽ làm cho khách hàng của bạn khi vào website có trải cũng nghiệm không tốt, và sẽ không lần nào quay lại website mới của bạn nữa.

Thay đổi font chữ trong flatsome

Tắt font chữ mặc định để đổi thay font chữ flatsome wordpress

Bạn vào Giao diện -> Tùy biến -> Style -> Typography. Tại đây, bạn chớ tìm các ô Font Family và Variant và chỉnh lại giá trị như ảnh dưới

Font Family : Sans Serif

Variant cần : Normal 400

Tìm và thay toàn bộ

Sau đó, các bạn bấm Đăng để lưu lại. cũng Vẫn tại giao diện đó, bạn tiếp tục tick vào ô “Disable Google Fonts. No fonts will be loaded from Google.” Và bấm đã  Đăng để lưu lại.

|

Thêm font chữ flatsome wordpress mới - Đầu tiên vào hosting

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

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

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

Têntheme là folder theme đang được dùng (đang kích hoạt) chính

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

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

Để ứng dụng font chữ mới cần thay thế font mặc định flatsome, tại thanh admin menu bar – bạn vào chậm đườ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” không ; font-weight:normal; font-style:normal; src:url(“/wp-content/themes/wpfast/assets/font/utm-avo lắm .ttf”) format(“truetype”); font-display:swap nhanh cần @font-facefont-family:”utm-avo-bold”; cả font-weight:normal; font-style:normal; src:url(“/wp-content/themes/wpfast/assets/font/utm-avo-bold mới .ttf”) format(“truetype”); font-display:swap đích cần .nav>li>a, h1, h2, h3, h4, h5, h6 font-family:’utm-avo’ dễ , sans-serif chỉ p, a, span, strong, button, li font-family:’utm-avo’ chậm , 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 cũng .ttf”) format(“truetype”);

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

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

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

Kết luận

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

 

Xem thêm các bài khác:

  }