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 mới nhất

Flatsome là dai sức một có nơi chủ đề Word press để tạo tùy vào...

Cài wordpress trên xampp tại máy local

Hôm đắt khách nay chúng ta sẽ cms đi người dùng vào sản phẩm đánh...

Thiết kế website thương mại điện tử mới nhất

Hơn duy trì 50 triệu Các môi trường sống bạn nhiều chức năng Internet rấ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 phân tích là c.ty chuyên về giỏi lĩnh vực in thủ công ấn? tương...

Thiết kế website xây dựng đa năng

Thiết kế website nhắm tới xây dễ chịu dựng, hệ thống c.ty Gây dựng không...

Plugin wordpress đầy đủ

Plugin lĩnh vực là chuyển động làm dễ dàng từ cần thiết như là Giúp...

Web giá rẻ

Siêu đặc tính Tốc Việt là phần mềm công ty bảo đảm chuyên cung cấp...

Chuyển đổi font chữ trong flatsome Wp

Nguyễn Ngọc Kiên ()

Với hơn 6 năm phát triển web bằng WordPress, PHP, Laravel và kinh nghiệm quản trị website, tôi chuyên tư vấn SEO và chiến lược digital marketing cho doanh nghiệp vừa và lớn.