Thủ thuật, CSS Ngày 22/11/2021 5991 lượt xem

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à…

Lê Anh ĐôngFlatsome trên Google News

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ó 3 bình chọn)

Thông tin Download

(Dùng pass : flatsome.xyz để giải nén nếu đòi pass)

  • Tên File: Font Awesome
  • Giá bán : Miễn phí
  • Phiên bản: Font Awesome

Có Nhận xét cho "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

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ