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

6 415

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. Tuấn Nguyễn Văn nói

    e nó ko hiển thị lên icon thì làm sao a

    1. Admin nói

      Có thể do bạn cấu hình sai. Font awesome ra bản mới liên tục. Bạn kiểm tra xem đang dùng file font của phiên bản nào nha. Mỗi bản cách dùng sẽ khác nhau

  2. 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

  3. 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ố.