Cài đặt và sử dụng Font Awesome mới nhất cho Blog, Website

Anh Trai Nắng
2
Nhận biểu tượng vectơ và biểu trưng xã hội trên trang web của bạn với Font Awesome, bộ công cụ và bộ biểu tượng phổ biến nhất trên web.

Hiện nay, việc sử dụng Font Awesome trong thiết kế web hay blogspot đều trở nên rất phổ biến. Xưa thì chúng ta thường sử dụng các icon bằng hình ảnh, việc sử dụng này buộc chúng ta phải lưu ảnh icon và nhiều thao tác rất loằn ngoằn.

Nay với việc sử dụng Font Awesome chúng ta chỉ cần tích hợp 1 đường link và gọi mã để sử dụng bất kỳ một icon nào ngay trên blog/website của chúng ta.

Cài đặt và sử dụng Font Awesome mới nhất cho Blog/Website
Font Awesome mới nhất cho Blog, Website.

Cài đặt

Để sử dụng được bộ Font Awesome mới nhất các bạn cần tích hợp dòng code sau vào bên trong cặp thẻ <head>...</head> của blog hoặc website của bạn:

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

Hướng dẫn sử dụng

Đầu tiên các bạn vào trang chủ Font Awesome, sau đó chọn đến mục Icon, chọn icon mà các bạn muốn sử dụng (các icon màu đậm là những icon miễn phí, màu nhạt là các bạn phải nâng cấp tài khoản pro mới xài được. Mà thường mình xài free thôi cũng đủ lắm rồi.)

Cài đặt và sử dụng Font Awesome mới nhất cho Blog/Website

Các bạn cũng có thể nhập tìm kiếm để tìm nhanh icon mà mình cần nếu như đã quen rồi.

Tiếp đến, nhấp vào icon mà bạn muốn sử dụng nó sẽ có dạng như sau:

Cài đặt và sử dụng Font Awesome mới nhất cho Blog/Website

Bao gồm:

  • Icon Style & Prefix
  • Unicode Glyph
  • Unicode
  • HTML
  • SVG

Thì ở mỗi dạng sẽ có những cách khác nhau để sử dụng. Nhưng các bạn chỉ cần để ý đến dòng code HTML, đây là đoạn code mà chúng ta thường sử dụng và dễ chèn ở tất cả mọi nơi. Chỉ cần coppy và chèn ở nơi bạn muốn hiển thị là được.

Lời kết

Như vậy là mình hướng dẫn xong các bạn Cài đặt và sử dụng Font Awesome mới nhất cho Blog/Website. Nếu có thắc mắc gì hãy để lại bình lại mình sẽ giải đáp cho các bạn.

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

2 Nhận xét

Đăng nhận xét

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu