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 @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 .nav>li>a, h1, h2, h3, h4, h5, h6 font-family:’utm-avo’, sans-serif p, a, span, strong, button, li font-family:’utm-avo’, sans-serif
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 tặng theme flatsome rồi. bây giờ bạn quay lại trang chủ, nhấn f5 để xem 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 đơn giản, bạn đã có thể đổi thay font chữ tặng theme flatsome mà không cần phải dùng plugin. Việc này giúp web của bạn có tốc độ chuyển vận trang nhanh hơn, ít tốn tài nguyên kế hoạch hơn, trang người quản lý ít plugin sẽ nhẹ nhõm hơn.

 

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

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

Hôm nay chúng ta sẽ đi vào tìm hiểu cách cài Wp trên localhost cho...

Tạo website bán hàng giá rẻ

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

Thiết kế website in ấn đẹp

Bạn là công ty chuyên về lĩnh vực in ấn? Bạn đang có nhu cầu...

Thiết kế website xây dựng hoàn hảo

Thiết kế website xây dựng, doanh nghiệp Xây dựng không chỉ Giúp các công ty...

Plugin wordpress tốt nhất

Theme wordpress Backup plugin wordpress Làm backup plugin wordpress có thể Giúp bạn lưu giữ...

Thiết kế website bán inox

Thiết kế website inox Thiết kế website bán inox bằng WordPress Xây dựng web site...

Thiết kế website bán xe hơi

Xây dựng web bán xe hơi bằng Wp Xây dựng website bán xe hơi bằng...

Thiết kế website thực phẩm chức năng

Mẫu website thực phẩm công dụng được lập trình đầy đủ tính năng nhiều năm...

5/5 - (1 vote)

Đổi thay font chữ trong flatsome Wp

Võ Minh Tốt (webseowp.vn)

Với hơn 3 năm kinh nghiệm Wordpress, asp.net 5 năm kinh nghiệm trong quản trị website tư vấn giải pháp đẩy top, Digital marketing tối ưu nhất cho doanh nghiệp.
Hiện giữ chức vụ leader kinh doanh tại Siêu Tốc Việt.