Xin chào mọi người. Mình là thành viên mới tham gia cộng đồng Sata, mình muốn đóng góp một số thủ thuật blogger cho cộng đồng.
Mong sẽ hữu ích với các bạn.
Tóm Tắt
Font Awesome 5 Pro là gì ?
Font Awesome 5 Pro là một thư viện chứa các font chữ ký hiệu hay sử dụng trong website. Chữ ký hiệu ở đây có nghĩa là các icons bình thường mà chúng ta hay sử dụng ở các layout website.
Trước đây để tạo các ICON đó ta phải thực hiện cắt chúng ra từ file PSD và dùng CSS để gán background hoặc dùng thẻ img để đưa ICON đó vào. Tuy nhiên hiện nay chúng ta đã có giải pháp khác đó là sử dụng Symbol Font (font chữ kiểu ký hiệu). Hiện nay có nhiều thư viện Symbol Font nhưng mạnh nhất và hay sử dụng nhất là Font Awesome vì nó đơn giản và dễ sử dụng.
Font Awesome được xây dựng thành nhiều định dạng file font khác nhau như file otf, eot, ttf, woff, svg, … Vì vậy bạn dễ dàng đưa vào sử dụng và hầu hết các hệ điều hành máy tính hiện nay đều chạy được.
Ngoài các icons thông thường ra thì bạn có thể tạo các icons động bằng cách kết hợp với CSS3
Nếu bạn sử dụng Bootstrap để xây dựng CSS cho blgospot thì sẽ dễ dàng nhận thấy sự cần thiết của Font Awesome bởi vì chúng kết hợp với nhau khá là tốt và tạo ra các sản phẩm khá là bắt mắt.
Hướng dẫn cài đặt Font Awesome 5 Pro
Đăng nhập vào Blogger -> Chủ đề -> Chỉnh sửa HTML -> Tìm tới thẻ </body> và dán đoạn code bên dưới ở phía sau.
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css");
//]]>
</script>Hướng dẫn sử dụng Font Awesome
Vào Font Awesome và chọn mục Icons, tìm icon mà bạn muốn sử dụng
Cảm ơn mọi người đã đọc, hy vọng một bài viết đóng góp này sẽ có hữu ích với mọi người.
Copyright © Nguyễn Phi Khải
