Phông Chữ Biểu Tượng Miễn Phí Và Trả Phí Tốt Nhất - Phông Chữ Thay Thế Tuyệt Vời

Chúng tôi nói về các dịch vụ tốt nhất đại diện cho các biểu tượng để phát triển web, mô tả các ưu và nhược điểm của mỗi người trong số họ, và gợi ý rằng bạn chọn loại tốt nhất.

Tìm kiếm các biểu tượng độc đáo cho trang web của bạn? Liên tục va vào phông chữ tuyệt vời, nhưng không tìm thấy bất cứ điều gì thú vị trên đó? Sau đó, hãy chắc chắn đọc bài viết này - ở đây chúng tôi cho bạn biết một phông chữ biểu tượng là gì, mô tả nhiều trang web miễn phí với nó, và cũng cung cấp các mẫu biểu tượng cho mỗi dịch vụ. Hãy lựa chọn để tạo ra một cái nhìn độc đáo!

Các lựa chọn thay thế tốt nhất để phông chữ tuyệt vời

Biểu tượng phông chữ từ lâu đã được sử dụng trong thiết kế web để tạo biểu tượng đẹp cho một trang web. Một phông chữ biểu tượng là một tập hợp các biểu tượng được chuyển thành hình ảnh của các chủ đề khác nhau. Một phông chữ như vậy thực sự là một tệp văn bản được biến thành hình ảnh bằng CSS.

Ưu điểm của việc sử dụng phông chữ biểu tượng

• Chúng có thể được sửa đổi theo bất kỳ cách nào: Chỉ định kích thước, màu sắc, nền, bóng, gradient, áp dụng các lớp giả: di chuột hoặc lấy nét - để tạo phong cách của riêng bạn.
• Họ có thể được hoạt hình.
• Tăng hoặc giảm kích thước của biểu tượng không ảnh hưởng đến chất lượng, vì vậy chúng hiển thị chính xác ngay cả trên màn hình Retina.
• So với hình ảnh thông thường, chúng nhẹ hơn và tải nhanh hơn.
• Để tải xuống phông chữ biểu tượng, bạn chỉ cần một yêu cầu HTTP, có thể tăng đáng kể tốc độ tải các trang trên trang web.
• Chúng được hỗ trợ bởi tất cả các trình duyệt (thậm chí các phiên bản rất cũ).

Hiện tại, phông chữ phổ biến nhất là phông chữ tuyệt vời. Nó được biết đến với hầu hết tất cả những người đã từng tham gia vào phát triển trang web. Ban đầu nó được tạo ra cho Bootstrap, nhưng giờ đây đã trở thành một biểu tượng độc lập và thư viện hình ảnh với hơn 600 biểu tượng.

Tuy nhiên, mặc dù điều này, có rất nhiều trang web có nội dung tương tự. Phông chữ miễn phí hoặc trả tiền từ các nhà xuất bản khác cũng có các biểu tượng độc đáo của riêng họ, rất hữu ích khi chọn logo của riêng bạn cho trang web của bạn. Chúng tôi sẽ cho bạn biết về họ trong bài viết này - về các phông chữ biểu tượng tốt nhất và đầy đủ nhất có thể phù hợp với bạn như một sự thay thế cho phông chữ tuyệt vời.

Bộ phông chữ miễn phí

1. Webhostinghub Glyphs.

Một trong những bộ biểu tượng lớn nhất, nó chứa 2075 hình ảnh. Có thể tải xuống chúng ở định dạng PNG ở hai kích cỡ (16 và 32 pixel). Bạn có thể thay đổi màu sắc của các biểu tượng, kích thước của chúng, như trong nhiều bộ biểu tượng khác. Trang web thậm chí còn có một ví dụ minh họa về cách thức này có thể được thực hiện: Bốn thanh trượt bên cạnh một hình ảnh ngẫu nhiên xác định kích thước, màu sắc, bóng tối và trọng tâm của bóng.

Trang web thực sự rất thân thiện với người dùng và dễ hiểu ngay cả đối với một đứa trẻ. Tất cả các biểu tượng được chia thành các loại, nhiều lần có các nút để tải xuống toàn bộ phông chữ trong một tệp và bên dưới có một hướng dẫn chi tiết với các ví dụ về cách sử dụng chính xác phông chữ biểu tượng này trong mã của bạn.

2. Dashicons - WordPress chính thức

Dashicons là một phông chữ biểu tượng được thiết kế bởi Mel Choyce đặc biệt để tăng cường giao diện WP Admin mới. Đây là một sự thay thế tuyệt vời cho phông chữ tuyệt vời mà đáng để kiểm tra.

Một trong những điều tuyệt vời về Dashicons cho WordPress là các biểu tượng có sẵn để lựa chọn được tổ chức thành các danh mục, giúp bạn dễ dàng tìm thấy loại biểu tượng bạn muốn. với một cái nhìn. Công cụ thậm chí đi kèm với một thanh tìm kiếm bộ lọc và mỗi biểu tượng được đánh số để giúp bạn dễ dàng tìm thấy chúng.

Hiện tại, thư viện WordPress Dashicons chứa 197 biểu tượng, được chia thành 15 phần:

• Menu quản trị;
• Màn hình chào mừng;
• Định dạng bài đăng;
• Phương tiện truyền thông;
• Chỉnh sửa hình ảnh;
• Tinymce;
• Màn hình bài viết;
• Phân loại;
• Xã hội;
• WordPress.org cụ thể: việc làm, hồ sơ, wordcamp;
• Các sản phẩm;
• Phân loại;
• Widgets;
• Thông báo;
• Linh tinh.

Công ty thường xuyên phát hành cập nhật với việc bổ sung hình ảnh mới, cũng như với khả năng của hệ thống được cải thiện. Tuy nhiên, bộ sưu tập này vẫn thiếu một số biểu tượng, ví dụ, mạng xã hội.

Trên trang web chính thức, bạn sẽ thấy giao diện này. Khi bạn nhấp vào biểu tượng bạn thích, nó sẽ xuất hiện trong tiêu đề bên cạnh các liên kết của nó ở một số định dạng: CSS, HTML và Glyph.

3. Ionicons.

Phông chữ thay thế tuyệt vời này có 528 biểu tượng khác nhau để phù hợp với các menu khác nhau, danh sách trong và các tab. Motto của công ty là: được làm bằng tình yêu bằng tay. Bạn có thể tin điều này bằng cách chú ý đến chi tiết mà các biểu tượng này được thực hiện.

Ionicons đang phát hành biểu tượng của họ để sử dụng trong các ứng dụng di động trên iOS, Android, ứng dụng web và máy tính để bàn. Họ có mã nguồn mở, điều này tạo điều kiện rất nhiều cho công việc trên thiết kế trang web. Hình dạng của nó được hiển thị trong ảnh chụp màn hình bên dưới.

Ionicons.. is a product of the Ionic company, which not only creates icons for websites, but also offers users a range of products that are convenient for website developers. They allow you to create, secure, and deliver enterprise-grade applications on any platform.

4. Ký tự HTML tiêu chuẩn

Ngoài các dịch vụ được tạo ra đặc biệt, đừng quên bộ sưu tập hoàn toàn miễn phí các biểu tượng HTML khác nhau. Bạn có thể thay đổi kích thước và màu sắc của chúng trong khi duy trì chất lượng hình ảnh tốt.

Tất cả các biểu tượng có trong dòng dày và mã được mở cho mọi người. Theo chúng tôi, các ký tự HTML tiêu chuẩn là một sự thay thế tuyệt vời cho phông chữ tuyệt vời.

5. iconset linea.

LineA Iconset có 716 biểu tượng trong các loại của nó, với sự trợ giúp mà bạn có thể thiết lập liên hệ tốt hơn với người dùng, bởi vì trong thế giới hiện đại có nhiều từ và văn bản không có gì. Trang web này cung cấp để tải xuống toàn bộ gói các biểu tượng trong các khu vực, ví dụ, âm nhạc, Thương mại điện tử và các biểu tượng khác. Các biểu tượng trông giống như các dòng tạo thành một bản vẽ của một giá trị cụ thể.

Ngoài ra, trang web chính thức của Linea Iconset cung cấp cho bạn một tá trang web khác nơi bạn có thể tìm thấy các biểu tượng miễn phí để phát triển web. Chúng tôi sẽ không liệt kê chúng vì lý do này.

6. Biểu tượng Android

Dịch vụ tuyệt vời, chào đón khách với một trái tim lớn và lòng biết ơn. Nó có 250 biểu tượng trong thư viện của nó, mà bạn có thể sử dụng hoàn toàn miễn phí - sau tất cả, các biểu tượng Android là nguồn mở - và với sự trợ giúp của CSS, bạn có thể thay đổi chúng: Thay đổi kích thước, hình dạng, màu sắc.

Trang web này là trực quan, mã ký tự có sẵn ngay cả khi không tải xuống toàn bộ gói biểu tượng. Bạn có thể thấy một số trong số họ trong bức ảnh dưới đây.

7. Biểu tượng Themify

Dịch vụ này cung cấp một bộ biểu tượng hoàn chỉnh để sử dụng trong thiết kế và ứng dụng web. Tất cả 320 biểu tượng được chia thành các nhóm như mũi tên hướng, biểu tượng ứng dụng web, trình soạn thảo văn bản và các biểu tượng khác.

Biểu tượng Themify được cung cấp bởi WordPress, vì vậy các biểu tượng của chúng có thể dễ dàng được sử dụng trên bất kỳ chủ đề WordPress nào: để được thêm vào một menu, tiêu đề widget hoặc những người khác.

8. Stackicons.

Mặc dù trang web cung cấp một số tùy chọn cho các biểu tượng (tổng cộng 60), chúng rất sáng và nhiều màu sắc, và cũng dễ dàng thay đổi màu sắc, âm lượng, kết hợp với các biểu tượng khác, kích thước có thể tăng hoặc giảm mà không mất chất lượng hình ảnh. Các biểu tượng phù hợp hoàn hảo với hầu hết các thương hiệu xã hội hiện đại, từ App.net đến Zerply. Đối với các liên kết tiếp xúc nội bộ, stackicons giống như không có ai khác.

9. Octicon của Github

Các biểu tượng này được chia thành hai định dạng: 16 và 24 pixel. Mặc dù thực tế là những danh sách này có các biểu tượng khác nhau, mỗi biểu tượng có thể được thể hiện ở dạng lớn hơn hoặc nhỏ hơn. Tổng cộng, thư viện của trang web có khoảng 250 hình ảnh được mã hóa vào các tệp văn bản.

Octicon của Github tạo ra các biểu tượng nguồn mở duy nhất của riêng mình, cho phép người dùng sao chép hoặc tải mã ở định dạng SVG, cũng như Ruby, Jekyll và phản ứng.

10. Phông chữ thiết kế vật liệu

Phông chữ mang tính biểu tượng thiết kế vật liệu cho phép bạn sử dụng nhiều biểu tượng thân thiện với Google với nhiều màu sắc khác nhau. Phông chữ này được tạo bởi tài liệu Google Design dựa trên CSS, nghĩa là, bạn có thể thực hiện tất cả các hoạt động có sẵn trong ngôn ngữ lập trình này với các biểu tượng được đề xuất.

Tất cả các biểu tượng 777 đều có sẵn hoàn toàn miễn phí và mô tả chi tiết về cách sử dụng mã cho mỗi hình ảnh nằm trên trang chính của trang web chính thức. Ngay cả một nhà thiết kế Web Novice cũng có thể sử dụng bộ này trong công việc của mình mà không gặp vấn đề gì.

Phông chữ trả tiền

1. ICOMOON.

Dịch vụ này có hơn 1600 biểu tượng trong kho lưu trữ của nó và cung cấp để thử phiên bản miễn phí, chỉ bao gồm 490 mẫu. Để có gói dịch vụ đầy đủ với các điều khoản cao cấp, với nhiều định dạng vectơ và hình dạng photoshop, trang web yêu cầu $ 59. Số tiền này được hỗ trợ bởi một đảm bảo hai tuần.

Tất nhiên, bạn có thể sửa đổi các bộ biểu tượng đã mua như bạn muốn. Tại đây bạn có thể tạo phong cách độc đáo của riêng bạn mà không cần nhiều nỗ lực.

2. Hợp lý hóa

Dịch vụ này cung cấp hơn 75000 biểu tượng khác nhau (!). Họ ngạc nhiên với sự độc đáo, độ sáng và sự đa dạng của chúng rất nhiều đến nỗi bạn yêu họ từ cái nhìn đầu tiên.

Các biểu tượng Hợp lý hóa là một trong số ít các dịch vụ cho phép bạn làm việc với bản phác thảo, nhờ đó bạn có thể thay đổi màu sắc của các biểu tượng và độ dày của dòng của chúng. Trên trang web, mỗi mẫu được trình bày trong ba loại: ánh sáng, thường xuyên và đậm. Hợp lý hóa có bản dùng thử miễn phí nhưng cũng cung cấp các gói dịch vụ trả phí. Ví dụ, toàn bộ bộ huy hiệu có thể được mua cùng một lúc với giá 228 đô la mỗi năm. Gói này đi kèm với các tệp vectơ ở định dạng SVG và PDF, hình ảnh độ phân giải cao và quyền sử dụng các sản phẩm mà không có sự ghi nhận.

3. FLIGHTON.

Cờ quốc gia, phương tiện truyền thông xã hội, phân tích kinh doanh chỉ là một vài trong số các phần không phổ biến của dịch vụ này. Các biểu tượng khác thường có 108.683 bộ không thể tưởng tượng được tạo bởi các nhà thiết kế chuyên nghiệp và người dùng thông thường. Bạn cũng có thể tạo biểu tượng của riêng mình và bán nó trên cùng một trang web.

Định dạng tệp cũng rất đa dạng: PNG, PSD, SVG, EPS và Base 64. Bạn có thể dễ dàng nhập các biểu tượng vào Illustrator, sau hiệu ứng và Photoshop.

Gói phí bảo hiểm có giá 40,50 € mỗi tháng và cho phép bạn truy cập vào các hình minh họa độc quyền, quyền cấp phép đầy đủ và xóa quảng cáo. Ngoài ra còn có các mẫu miễn phí, và có nhiều người trong số họ cho một trang web: hơn 2 triệu. Những người sáng tạo thêm các biểu tượng mới mỗi tháng, vì vậy bộ sưu tập không giới hạn ở số này.

4. Smashicons...

Smashicons.. chỉ với $ 5 mỗi tháng cho phép bạn truy cập vào tất cả các biểu tượng hiện có, cũng như các biểu tượng sẽ được thêm vào trong tương lai. Tất cả các biểu tượng được trình bày dưới dạng các vectơ có thể chỉnh sửa ở hai định dạng: PNG và SVG. Các biểu tượng mới liên tục được thêm vào, và cũng có tài nguyên thiết kế nguồn mở. Smashicons.. mang đến cho bạn 174 tài nguyên cho các dự án sáng tạo của bạn.

Phần kết luận

Trên Internet, bạn có thể dễ dàng tìm thấy nhiều dịch vụ cung cấp cho mọi người hàng ngàn biểu tượng đẹp miễn phí hoặc có phí. Với sự giúp đỡ của họ, bạn có thể thiết kế một trang web hoặc một trang trên mạng xã hội. Có nhiều lựa chọn thay thế cho phông chữ tuyệt vời, nhưng thật không may, có một vài trang web tiếng Nga. Mặc dù, ngay cả khi không có bản dịch, rõ ràng cách tìm biểu tượng và mã mong muốn cho nó. Font Awesome không phải là dịch vụ duy nhất đáng để nhìn thấy, và ngày càng nhiều trang web với những hình ảnh độc đáo đang xuất hiện mỗi ngày.