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

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

Tìm và thay toàn bộ

Sau đó, các bạn bấm Đăng để lưu lại. nhữ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 chớ  Đă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à dễ utm-avo-bold tiếp theo sẽ upload nguyên thư mục chưa (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 vẫn .ttf

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

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

Các bạn cần thay thế quá 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 đột nhiên flatsome rồi. bây giờ bạn quay lại trang chủ, nhấn nhất f5 để thấy kết quả nhé!

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

Kết luận

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

 

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

  }