Font awesome phiên bản mới dùng như thế nào?

4

Câu hỏi: phiên bản 5.0.9 của Font awesome vừa mới ra mắt. Vậy Font Awesome phiên bản mới dùng như thế nào? Mình sẽ hướng dẫn lại cách cài đặt và sử dụng font awesome mới nhé.

Video – Font awesome phiên bản mới dùng như thế nào?

Hướng dẫn chi tiết

+ Vào trang chủ  Font Awesome để tải file source về, giải nén. Chúng ta sử dụng thư mục web-font-with-css nhé.

Font Awesome phiên bản mới dùng như thế nào
Vào trang chủ download source

+ Thêm font-awesome vào file html bằng cách thêm thẻ link vào thẻ head, chỉ đường dẫn đến fontawesome-all.css

<link rel="stylesheet" type="text/css" href="icon/css/fontawesome-all.css">

Vào mục Icon, tìm icon mà mình muốn dùng.

Chọn vào icon muốn dùng, copy tên class và sử dụng.

cách cài đặt và sử dụng font awesome mới

Code mẫu: Download

Nếu có thắc mắc, hãy đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Liên h

  1. cường nói

    Cho mình hỏi chút, mình đang học html và css.
    đến phần mục sử dụng font icon , mình dùng đúng như hướng dẫn nhưng khi view ra chrome thì toàn hiển thị ô vuông, mong bác chỉ cho cách sửa như thế nào với

    1. Admin nói

      bạn thử dùng link cdn thử xem có hết lỗi không. Đọc bài viết trong mục hỏi đáp nha

  2. Thắng nói

    1 số icon có ghi pro ấy thì ko sử dụng được ak ad . thanks ad

    1. Admin nói

      À, cái đó trả tiền nha bạn. Mình chỉ dùng được một số icon free thui

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.