ĐẶT CÂU HỎI

Thêm Font Awesome vào Flatsome

flatsome
22/11/21
2
Thêm Font Awesome vào Flatsome

Thêm Font Awesome vào Flatsome. Font Awesome vẫn là Icon Font phổ biến và tốt nhất hiện nay, không chỉ đầy đủ các icon mà còn đẹp và rất nhẹ. Do đó Font Awesome là font được lựa chọn hàng đầu của các lập trình viên.

Thêm Font Awesome vào Flatsome

Giới thiệu về Font Awesome 

Font Awesome là font phổ biến với nhiều lập trình viên hiện nay, font cung cấp cho bạn hơn 1700 icon miễn phí, giúp cho website của bạn trở nên đẹp hơn với các icon với một cách dễ dàng.

Nếu ta sử dụng hình ảnh thì tốc độ load của website sẽ chậm hơn bởi vì ta phải load môt hình ảnh khá là nặng nề. Nhưng với Font Awesome thì ban chỉ cần load một file CSS, một file Font và chỉ load một lần duy nhất nên tốc độ sẽ được cải thiện đáng kể.

Hướng dẫn tích hợp Font Awesome

Bước 1: Download Font Awesome

Trước tiên, bạn cần truy cập trang web Font Awesome để tải gói phông chữ miễn phí về.

Sau đó giải nén trong thư mục child-theme tại thư mục  flatsome-child/fontawesome-free

Bước 2: Khai báo Font Awesome

Thêm đoạn snippet include Font Awesome trong functions.php trong child theme như sau:

Hướng dẫn sử dụng Font Awesome 5 bản miễn phí
Hướng dẫn sử dụng Font Awesome 5 bản miễn phí

Bước 3: Hiển thị Font Awesome

Bạn tới trang Font Awesome’s website để xem danh sách đầy đủ các biểu tượng có sẵn.

Nhấp vào bất kỳ biểu tượng nào bạn muốn sử dụng và sao chép đoạn mã như ví dụ dưới đây vào trang của bạn. Ví dụ như:

Thêm Font Awesome vào Flatsome
Thêm Font Awesome vào Flatsome

hay style như

Chú ý: khi thêm Font Awesome bằng CSS bạn nhớ thêm thuộc tính font-weight: 700; vì bạn đang sử dụng Font Awesome 5 Free chỉ hỗ trợ kiểu font Solid

 

Hoặc bạn có thể cài PLUGIN FONT link tại Sidebar nhé

Chúc bạn thành công 🙂

Điểm 5/5 - ( Có 2 bình chọn)
Bài viết được viết bợi Flatsome.xyz và đăng ký bản quyền tại DMCA Protection Status
- Ghi rõ nguồn góc bài viết khi bạn đăng lại bài viết này !
- Hãy tôn trọng người khác nghĩa là bạn đang tôn trọng chính mình !

2 thoughts on “Thêm Font Awesome vào Flatsome

  1. Pingback: Cách tạo nút gradient trong flatsome wordpress - FLATSOME - FREE EVERY THING

  2. Pingback: Thêm Font Awesome vào Flatsome - FLATSOME - FREE EVERY THING

Comments are closed.