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

Hơn thế nữa, việc tải dễ font từ Google Font làm website của bạn chạy chậm cũ hơn/tải chậm hơn, đặc biệt là những lúc đứt cáp quang rất biển, thì website của bạn còn chậm hơn nữa. Điều này dễ làm cho khách hàng của bạn khi vào website có trải cũ nghiệm không tốt, và sẽ không lần nào quay lại website cần 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ậm tìm các ô Font Family và Variant và chỉnh lại giá trị như ảnh dưới

Font Family : Sans Serif

Variant mới : Normal 400

Tìm và thay toàn bộ

Sau đó, các bạn bấm Đăng để lưu lại. rất 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 chưa  Đă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à chỉ utm-avo-bold tiếp theo sẽ upload nguyên thư mục ngay (folder) font lên hosting, theo đường dẫn:

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

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

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

Sau khi up font lên hosting thành công, bạn hãy đánh mới giá lại đường dẫn tới font đã chính xác chưa, trước lắm 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 không thể thay thế font mặc định flatsome, tại thanh admin menu bar – bạn vào ngay đườ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” rất ; font-weight:normal; font-style:normal; src:url(“/wp-content/themes/wpfast/assets/font/utm-avo cũ .ttf”) format(“truetype”); font-display:swap luôn 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 chính .ttf”) format(“truetype”); font-display:swap thôi cần .nav>li>a, h1, h2, h3, h4, h5, h6 font-family:’utm-avo’ chẳng , sans-serif chỉ p, a, span, strong, button, li font-family:’utm-avo’ lắ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 đừng .ttf”) format(“truetype”);

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

Vậy là chúng ta đã hoàn tất việc thay font cho theme rất 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 vẫn thấy font mới được ứng dụng, bạn hãy chắc chắn rằng mới đường dẫn tới file font mới hoàn toàn chính xác, hoặc cần xóa cache trình duyệt nhé!)

Kết luận

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

 

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

  }