Font Awesome - Biểu tượng biểu đồ
Chương này giải thích cách sử dụng các biểu tượng Biểu đồ phông chữ tuyệt vời. Giả sửcustom là tên lớp CSS mà chúng tôi đã xác định kích thước và màu sắc, như được hiển thị trong ví dụ dưới đây.
<html>
<head>
<link rel="stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<style>
i.custom {font-size: 2em; color: gray;}
</style>
</head>
<body>
<i class = "fa fa-adjust custom"></i>
</body>
</html>Bảng sau đây cho thấy cách sử dụng và kết quả của các biểu tượng Biểu đồ phông chữ tuyệt vời. Thay thế thẻ <body> của chương trình trên bằng mã được đưa ra trong bảng để nhận kết quả đầu ra tương ứng -
| Sử dụng | Kết quả |
|---|---|
| <i class = "fa fa-area-chart custom"> </i> | |
| <i class = "fa fa-bar-chart custom"> </i> | |
| <i class = "fa fa-bar-chart-o custom"> </i> | |
| <i class = "fa fa-line-chart custom"> </i> | |
| <i class = "fa fa-pie-chart custom"> </i> |