Phông chữ tuyệt vời - Biểu tượng tiền tệ
Chương này giải thích việc sử dụng các biểu tượng Tiền tệ tuyệt vời của Phông chữ. 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 Font Awesome Currency. 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-bitcoin custom"> </i> | |
<i class = "fa fa-btc custom"> </i> | |
<i class = "fa fa-cny custom"> </i> | |
<i class = "fa fa-đô tùy chỉnh"> </i> | |
<i class = "fa fa-eur custom"> </i> | |
<i class = "fa fa-euro custom"> </i> | |
<i class = "fa fa-gbp custom"> </i> | |
<i class = "fa fa-gg custom"> </i> | |
<i class = "fa fa-gg-circle custom"> </i> | |
<i class = "fa fa-ils custom"> </i> | |
<i class = "fa fa-inr custom"> </i> | |
<i class = "fa fa-jpy custom"> </i> | |
<i class = "fa fa-krw custom"> </i> | |
<i class = "fa fa-money custom"> </i> | |
<i class = "fa fa-rmb custom"> </i> | |
<i class = "fa fa-ruble custom"> </i> | |
<i class = "fa fa-rub custom"> </i> | |
<i class = "fa fa-ruble custom"> </i> | |
<i class = "fa fa-rupee custom"> </i> | |
<i class = "fa fa-shekel custom"> </i> | |
<i class = "fa fa-sheqel custom"> </i> | |
<i class = "fa fa-try custom"> </i> | |
<i class = "fa fa-turkish-lira custom"> </i> | |
<i class = "fa fa-usd custom"> </i> | |
<i class = "fa fa-won custom"> </i> | |
<i class = "fa fa-yen custom"> </i> |