Thay đổi font chữ trong flatsome Word press

{

Bạn không muốn dùng font chữ mặc định của theme flatsome chính ?M ặc định dùng font chữ của gg Font, nghĩa là mỗi lần nhanh các bạn đăng nhập vào trang web của bạn, font sẽ được đột nhiên chuyên chở tự động từ gg Font. Nếu số các bạn vào trang luôn web của bạn ít thì điều này không có ảnh hưởng gì. Nhưng nhất lượng các bạn lớn cùng đăng nhập vào trang web và tự thôi độ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 luôn font từ Google Font làm website của bạn chạy chậm những hơn/tải chậm hơn, đặc biệt là những lúc đứt cáp quang mất biển, thì website của bạn còn chậm hơn nữa. Điều này đã 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 được 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 mới tìm các ô Font Family và Variant và chỉnh lại giá trị như ảnh dưới

Font Family : Sans Serif

Variant chính : Normal 400

Tìm và thay toàn bộ

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

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

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

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

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

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

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 luôn 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 chưa đường dẫn tới file font mới hoàn toàn chính xác, hoặc có thể xóa cache trình duyệt nhé!)

Kết luận

Chỉ với 3 bước dễ dàng lắm , 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 chỉ của bạn có tốc độ chuyên chở trang mau lẹ hơn, ít tốn thường tài nguyên chương trình hơn, trang admin ít plugin lại sẽ nhẹ nhàng hơn.