Welcome to Rongchuang Media. I believe you will reap the most advanced digital operation solutions in the foreign trade industry!
National Service Hotline:400-0430- 678

Rongchuang Cloud Marketing Platform

18Years focus on the enterpriseGlobal digital marketing platformBuilding operations, search engine marketing, social media marketing, brand marketing overseasAll staff, whole network, panoramaNew business model!
You are here: Home » Documentation Help Center » Graphic help » Components » Basic components » How to use icon font components?

How to use icon font components?

Views:0     Author:Site Editor     Publish Time: 2016-06-28      Origin:Site Inquire

Icon font
[Component Introduction] The icon font component is based on the open source icon font library. By adding icon fonts, the icon can be set to any size like the text through the font-size attribute, and various text effects can be added, including color and Hover status. , Transparency, shadows, and flips can be displayed on any background, and the loading size is significantly smaller than the picture.
[Application scenarios] The application scenarios of icon font components are still very extensive. In many scenarios, they play a finishing touch. For example, adding an icon font in front of the field item contacting us can be as light as text, and you can edit the size and color at will. , And can play a beautiful effect like a picture. The advantages of using icon fonts: (1) Lightweight: An icon font is smaller than a series of images (especially the use of double images in Retina screens). Once the icon font is loaded, the icon will be rendered immediately without downloading an image. HTTP requests can be reduced, and HTML5 offline storage can be used for performance optimization. (2) Flexibility: The icon font can be set to any size using the font-size property, and various text effects can be added, including effects such as color, Hover status, transparency, shadow, and flip, which can be displayed on any background. In addition to the above advantages, there are of course disadvantages: (1) Icon fonts can only be rendered in monochrome or CSS3 gradient colors, due to this limitation, it cannot be widely used; (2) Icon fonts are in lower versions of IE (IE5, IE6, IE7) The compatibility is not good, the icon font will not be displayed, please know.

1. How to add icon font component?
2. How to set the icon font component?

After setting the above settings of the component, you can use the following functions of this component as needed. The following are the common functions of all components:

3. ViewHow to edit the style of a component

4. ViewHow to copy components?

5. ViewHow to apply components?

6. ViewHow to remove components?

7. ViewHow to restore components?

18Years of global marketing experience to help companies break the stalemate in overseas promotion under the epidemic
Leave a message for free to build a foreign trade station + new overseas precision marketing plan

One-click access to search engines, social media operationsProgram


Responsive official website

Search Engine Marketing Solution

Social marketing plan

Brand promotion plan

Marketing Academy

Contact Sunac

Shijiazhuang High-tech Zone International Talent City D2
Hebei Operation Center
 Pre-sale:
    After sale:0311-67691131
 tousu@rongchuangmedia.net
 Floor 19A, Block B, Dongsheng Business Plaza, Shijiazhuang
Beijing Operations Center

   Manager Zhang: 18614049883
 tousu@rongchuangmedia.net
A, Xueyuan Road, Haidian District, Beijing 5 768Creative Industrial ParkB North 1061
Public security recordPublic security record number: 13019902000104
ICP recordRecord certificate number: Hebei ICP No. 15001123
bgValue-added telecommunications business license number: Hebei B2-20115046
© 2020 Shijiazhuang Rongchuang Media Co., Ltd. All rights reserved