thiết kế web hải phòng

font icon, font icon bằng css

Sử dụng FontAwesome để tạo icon đẹp bằng css.
FontAwesome giúp bạn biến các mã Css trở thành hình ảnh icon rất đẹp phục vụ cho website của bạn.

Cách dùng : 
Bạn tải font theo link : https://drive.google.com/open?id=0B4SHHJCjEYJfc2NoRHdqYjl6S2s
Sau khi tải về bạn copy thư mục font này lên website của bạn : 
Sau đó trong file css bạn khai báo :

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:'FontAwesome';
src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal
}

Điều này nghĩa là bạn đã định nghĩa một font có tên là : FontAwesome trên website.

Bạn có thể dùng font này để sử dụng cho text, div..... bằng cách thêm vào css :
.text
{
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size:16px;
speak: none;
}

Nguồn gốc từ website : http://fontawesome.io/
Đây là các font trả phí. Bản này mình đã mua và up free nên các bạn có thể dùng thoải mái.
Mã font bạn có thể xem tại nguồn gốc : http://fontawesome.io/icons/

Dưới đây là mã cho các icon CSS

Danh sách tất cả icon Font Awesome và nội dung class,content css

  • Các icon này khi thêm class fa-spin hoạt động dạng xoay tốt. Kiểm tra ở ví dụ xoay icon
CÔNG TY TNHH ISING
Địa chỉ : 913 Tôn Đức Thắng - Hồng Bàng - Hải Phòng
Văn phòng số 2 : 27/162 Hàng Kênh, Lê Chân, Hải Phòng
Mst: 0201645135 ĐT: 0974080227

thiết kế web chuyên nghiệp hải phòng, thiết kế web giá rẻ hải phòng, công ty thiết kế web hải phòng, dịch vụ thiết kế web tại hải phòng, huong dan seo website, dien dan rao vat, lap mang fpt