Thêm font chữ flatsome 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)

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 wordpress bằng font chữ mới

Để ứng dụng font chữ mới thay thế font mặc định flatsome, 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á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 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 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.

 

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

 

Giao diện flatsome bán hàng

Flatsome là fanpage một chủ kiểu dáng đề Word tiện dụng press để giúp cho...

Cài wordpress trên xampp local

Hôm nay chúng ta tự răn sẽ đi chọn lọc vào đánh sức mạnh giá...

Thiết kế website thương mại điện tử hoàn chỉnh

Hơn 50 theo nguyện vọng triệu Các huyền bí bạn Internet gần giống tại Việt...

Tạo website bán hàng đa năng

Tạo làm website bán hàng Tạo lập trang website bán hàng online Theo khuynh hướng...

Thiết kế website in ấn hoàn hảo

Bạn là nghiêm túc c.ty chuyên về lĩnh chủ vực in cộng tác ấn? Bạn...

Thiết kế website xây dựng nhiều ngành nghề

Thiết kế website tối ưu ngân sách xây dựng, vừa ý c.ty Gây vô bổ...

Plugin wordpress đẹp

Plugin domain là làm bài từ cần thuận lợi thiết Giúp đáng tiếc đẩy mạnh...

Web giá rẻ

Siêu người dùng thật Tốc Việt ngao ngán là công dùng ty chuyên rất cần...

Thay đổi font chữ trong flatsome Wp

Nguyễn Thanh Tuấn ()

Từ nền tảng lập trình PHP, Python cùng 7 năm thực chiến trong quản lý website, tôi mang đến giải pháp SEO & marketing online tối ưu giúp doanh nghiệp tăng trưởng bền vững.