An icon font has several advantages

An icon font has several advantages over bitmap images, in addition to image sharpness.

Suitability: an icon font will be much smaller in file size than a series of images, especially if you have used double-sized images for Retina displays. And once the font has loaded, your icons will render instantly, with no need to download an image.
Scalability: an icon font can be set to any size by setting the font-size property in the accompanying CSS. This enables you to experiment with different sizes; whereas, for bitmap images, you would have to output an image file at each size.
Flexibility: text effects can easily be applied to your icon, including colors, drop shadows and rollover states. They will also display well against any color or image background.
Compatibility: web fonts are supported by all modern browsers, and legacy browsers, too, even IE 6 and earlier.

Kết quả (Việt) 1:

Một biểu tượng chữ có một số lợi thế hơn hình ảnh bitmap, ngoài độ sắc nét hình ảnh. Phù hợp: một biểu tượng chữ sẽ nhiều tập tin kích thước nhỏ hơn so với một loạt các hình ảnh, đặc biệt là nếu bạn đã sử dụng hình ảnh có kích thước đôi cho võng mạc Hiển thị. Và một khi phông đã nạp, biểu tượng của bạn sẽ hiển thị ngay lập tức, không cần phải tải về một hình ảnh. Khả năng mở rộng: một biểu tượng chữ có thể được thiết lập để kích thước bất kỳ bằng cách thiết lập các tài sản font-size trong CSS đi kèm. Điều này cho phép bạn để thử nghiệm với kích cỡ khác nhau; trong khi đó, cho hình ảnh bitmap, bạn sẽ phải ra một tập tin hình ảnh kích thước mỗi. Tính linh hoạt: hiệu ứng văn bản một cách dễ dàng có thể được áp dụng cho biểu tượng của bạn, bao gồm cả màu sắc, thả bóng tối và tái đầu tư kỳ. Họ cũng sẽ hiển thị so với bất kỳ nền màu sắc hoặc hình ảnh. Khả năng tương thích: web phông chữ được hỗ trợ bởi tất cả các trình duyệt hiện đại, và trình duyệt cũ, quá, ngay cả trình duyệt IE 6 và trước đó.

Kết quả (Việt) 2:

Một font biểu tượng có nhiều lợi thế hơn các hình ảnh bitmap, ngoài hình ảnh sắc nét. phù hợp: một font biểu tượng sẽ nhỏ hơn nhiều kích thước tập tin hơn là một loạt các hình ảnh, đặc biệt là nếu bạn đã sử dụng hình ảnh đôi kích thước cho Retina hiển thị. Và một khi các font đã được nạp, các biểu tượng của bạn sẽ làm ngay lập tức, mà không cần phải tải về một hình ảnh. Khả năng mở rộng: một font biểu tượng có thể được thiết lập để kích thước bất kỳ bằng cách thiết lập font-size tài sản trong CSS kèm. Điều này cho phép bạn thử nghiệm với các kích cỡ khác nhau; trong khi đó, đối với hình ảnh bitmap, bạn sẽ phải ra một tập tin hình ảnh ở mỗi kích thước. Tính linh hoạt: các hiệu ứng văn bản có thể dễ dàng áp dụng cho biểu tượng của bạn, bao gồm cả màu sắc, đổ bóng và các hiệu ứng Rollover. Họ cũng sẽ hiển thị tốt đối với bất kỳ màu sắc hoặc hình ảnh nền. Khả năng tương thích: phông chữ web được hỗ trợ bởi tất cả các trình duyệt hiện đại, và các trình duyệt cũ, quá, ngay cả IE 6 và trước đó.