Sử dụng line-awesome trong thiết kế giao diện website

Cũng giống như các font chữ ký hiệu khác, Line-Awesome là bộ icon rất đẹp mắt, mang phong cách hiện đại. Với hàng ngàn Icon được chia làm nhiều chủ đề khác nhau: Web Application Icons, Hand Icons, Transportation Icons, File Type Icons…thoải mái cho bạn lựa chọn.

Để tích hợp vào website bạn có thể dễ dàng thực hiện theo 2 cách:

C1: chèn  trong thẻ <head> link sau

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

C2: Tải bộ source về  , sau đó chèn trong thẻ <head> link liên kết đến file line-awesome-font-awesome.min.css

<link rel="stylesheet" href="path/to/line-awesome/css/line-awesome-font-awesome.min.css">

Cách sử dụng: chọn icon theo sở thích, click vào icon để copy code CSS, dán code CSS này vào nơi bạn muốn hiển thị

VD: <i class="la la-anchor"></i>


HÃY CHIA SẺ NẾU BẠN THẤY THÍCH BÀI VIẾT


Bài viết cùng chuyên mục

Bình luận của bạ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 *