Font Awesome là bộ biểu tượng phong phú và dễ sử dụng nhất, bài viết này sẽ hướng dẫn bạn thêm Font Awesome vào trang web của bạn.
Sử dụng Font Awesome
Để thêm Font Awesome vào website, bạn chỉ cần thêm tập tin CSS từ CDN này vào mã nguồn.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
Chọn biểu tượng
Để tìm kiếm biểu tượng, bạn vào liên kết sau để tìm kiếm nhé.
Ví dụ
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-pinterest"></i>
<i class="fa-brands fa-x-twitter"></i>
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-tiktok"></i>
Ta được kết quả như sau. Vì đây là phông chữ nên các bạn tùy chỉnh kích thước bằng font-size
nhé.
Chúc các bạn thành công!
Không có bình luận.