An Trần Digital
No Result
View All Result
Thứ Sáu, Tháng Sáu 6, 2025
  • Thủ thuật
    • Blogspot/Blogger
    • Phần Mềm
    • WordPress
    • Plugin WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá Shopee, Tiki
Ủng hộ tôi
An Trần Digital
  • Thủ thuật
    • Blogspot/Blogger
    • Phần Mềm
    • WordPress
    • Plugin WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá Shopee, Tiki
No Result
View All Result
An Trần Digital
No Result
View All Result

Home - Thủ thuật Blogspot/Blogger - Cách sử dụng icon font cho blog/website

Cách sử dụng icon font cho blog/website

by An Tran
11/06/2020
in Thủ thuật Blogspot/Blogger
Reading Time: 2 mins read
A A
0
Cách sử dụng icon font cho blog/website
50
SHARES
626
VIEWS

Nội dung bài viết

  1. IcoMoon
  2. We Love Icon Fonts
  3. Một số icons fonts miễn phí khác

Icon font ngày được sử dụng rộng rãi trong các website hiện nay. Icon font mang nhiều ưu điểm.

  • Giảm số lượng HTTP Request, giúp website của bạn load nhanh hơn.
  • Dễ dàng thay đổi màu sắc, kích thước của biểu tượng.
  • Cung cấp nhiều biểu tượng phù hợp giúp bạn tiết kiệm thời gian thiết kế.
  • Có thể sử dụng CSS3 như transition, transform, text-shadow giúp các icon được linh hoạt hơn.

Ta có thể nhúng icons vào trong CSS đơn giản như sau:

@font-face {
font-family: ‘your-fonts’;
src: url(‘fonts/your-fonts.eot’);
src: url(‘fonts/your-fonts.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/your-fonts.woff’) format(‘woff’),
url(‘fonts/your-fonts.ttf’) format(‘truetype’),
url(‘fonts/your-fonts.svg#[set]Foundicons’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

[class*=”icon-“] {
font-family: ‘your-fonts’;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
}

[class*=”icon-“]:before {
content: “your-fonts-character”;
}

 

Để duy trì blog ngoài link rút gọn & mình có làm aff cho 1 số bên hosting.

Các nhà cung cấp uy tín về mặt chất lượng & đội ngũ support nên mọi người cứ yên tâm.

Nếu bạn đang có ý định mua Hosting, VPS mình có list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều

  • Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
  • Tino: Business Hosting, NVMe Hosting và NVMe VPS
  • iNet: Cloud VPS và Web Hosting

Trong bài viết này mình sẽ giới thiệu các bạn về IcoMoon và We Love Icon Fonts.

IcoMoon

icomoon-min

IcoMoon cung cấp cho bạn hơn 450 icons miễn phí. Bên cạnh đó ngoài những icons của IcoMoon, IcoMoon cho phép bạn lựa chọn và tải các icons bạn muốn với những bộ icons khác như Broccolidry, Entypo, Font Awesome…với số lượng lên đến gần 3800 icons. Ngoài ra IcoMoon còn cho phép bạn tải các thiết kế của bạn lên (tập tin SVG) để customize thành fonts bạn yêu thích.

We Love Icon Fonts

weloveiconfonts-min

We Love Icon Fonts là một mã nguồn mở và dịch vụ lưu trữ miễn phí các icon fonts. Cũng như IcoMoon, We Love Icon Fonts cũng cung cấp cho bạn rất nhiều bộ icons miễn phí khác như Fontelico, Maki, Typicons, Zocial.

Một số icons fonts miễn phí khác

  • Entypo
  • Font Awesome
  • Foundation Icon
  • Meteocons
  • Typicons
  • Raphaël Icon
Tags: icon font blogicon font website
Previous Post

Tạo hiệu ứng ảnh đẹp với Grunge Photoshop Action

Next Post

Theme WordPress tin tức ColorMag Pro miễn phí cực đẹp

An Tran

An Tran

Tôi là An Trần, thuộc thế hệ 9X. Hiện tại đang làm nhân viên cắt cỏ tại sân Old Trafford.

Related Posts

Tự động thêm nofollow cho liên kết ngoài trong blogspot

Tự động thêm nofollow cho liên kết ngoài trong blogspot

30/10/2024
cách hiển thị thời gian đọc bài viết trên website

Cách hiển thị thời gian đọc bài viết trên website

06/06/2024
Tạo khung chứa code chuyên nghiệp cho blogspot

Tạo khung chứa code chuyên nghiệp cho blogspot

14/01/2024
Cách vô hiệu hoá copy, chuột phải & các phím chức năng

Cách vô hiệu hoá copy, click chuột phải & các phím chức năng cho website

09/01/2024
Next Post
Theme WordPress tin tức ColorMag Pro miễn phí cực đẹp

Theme Wordpress tin tức ColorMag Pro miễn phí cực đẹp

Subscribe
Notify of
guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

0 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments

BÀI VIẾT NGẪU NHIÊN

chia-se-powerpoint-template-sieu-sin-antrandigital

Chia sẻ PowerPoint Templates Siêu Xịn Giá Vài Trăm Đô

04/07/2020
Hướng dẫn xoá category trong url wordpress

Hướng dẫn cách xoá Category trong Url wordpress

28/04/2022
chia-se-preset-camera-raw-han-quoc-antrandigital

Chia sẻ preset camera raw hàn quốc xẻng blend ảnh đẹp

30/12/2020
Cách ẩn widget trên giao diện điện thoại cho website wordpress an trần digital

[WordPress] Cách ẩn Widget trên giao diện mobile cho website

05/01/2022

HOSTING / VPS KHUYÊN DÙNG

logo azdigi

Hosting WordPress chất lượng cao. Support tốt 24/7. Xem ngay

logo inet

Nhà cung cấp hosting, tên miền có lâu đời ở Việt Nam. Xem ngay

logo tinohost

Hosting WordPress chất lượng cao. Support tốt. Dùng thử 7 ngày. Click để nhận mã giảm 10% ngay. Xem ngay


An Trần Digital là blog cá nhân chia sẻ preset lightroom, camera raw từ máy tính đến mobile, template blogspot, theme wordpress và các khoá học khác hoàn toàn miễn phí.

DMCA.com Protection Status

Comments gần đây

  • An Tran
    Quản lý
    trong Share Key Screaming Frog SEO Spider
  • gia cat luoing trong Share Key Screaming Frog SEO Spider
  • An Tran
    Quản lý
    trong Share Key Screaming Frog SEO Spider

Xem nhiều nhất ngày

Share Key Screaming Frog SEO Spider

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

Về An Trần Digital

Giới thiệu về tôi

Bảo mật

Hợp tác

Bản quyền

Liên hệ

Donate

© 2020 An Trần Digital - All Rights Reserved

No Result
View All Result
  • Thủ thuật
    • Blogspot/Blogger
    • Phần Mềm
    • WordPress
    • Plugin WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá Shopee, Tiki

© 2020 An Trần Digital - All Rights Reserved

wpDiscuz

Đồng ý sử dụng cookie

Những cookie này giúp trang web ghi nhớ thông tin về lần truy cập của bạn. Nhờ đó, bạn có thể truy cập trang web này dễ dàng hơn vào lần tới và trang web cũng trở nên hữu ích hơn cho bạn. Tìm hiểu thêm