跳到主要内容跳过导航或跳到内容

图像学和社交媒体

字体太棒了

字体Awesome 5 Pro已经在模板中实现,允许在不使用图形的情况下实现超过5000个图标。

控件可以实现这些图标斜体用内联类标记到标准标记。

要显示图标,您必须至少拥有五个类中的一个fas, far, fal, fad, fab改变风格;还有“fa-icon-name”。

例如,毕业帽显示如下:

 

颜色将保持与你现有的文本相同,除非改变了一个助手类,像这样:

 

类“fas”,“far”,“fal”,“fad”和“fab”的例子。

字体真棒(fas)

字体棒极了(远)

字体awesome light (fal)

字体漂亮的双色(时尚)

字体很棒的品牌(fab)

,

在上面的例子中,在斜体标记之间,您会注意到使用了一个不间断的空格标记( )。这个标签的使用是必要的字体Awesome工作与我们的模板。

图标大小

为了改变图标的大小,添加类'fa-lg'或'fa-2x'到'fa-5x',这取决于所需的图标大小。

fa-lg

fa-2x

fa-3x

fa-4x

fa-5x

fa-lg

fa-2x

fa-3x

fa-4x

fa-5x

我可以使用哪些图标?

字体Awesome有超过5000个图标可供使用。除了使用本页所示的图标外,图标还可以堆叠、旋转或设置为以固定宽度显示。

看到所有的图标

社交媒体图标

垂直列表中的社交图标

< ul类= " fa-ul footer-social-links " > <李> < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-facebook-square”>,< / i > <跨类= >“lh-32”Facebook < / span > < / > < /李> <李> < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-twitter-square”>,< / i > <跨类= >“lh-32”Twitter < / span > < / > < /李> <李> < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-youtube-square”>,< / i > <跨类= >“lh-32 YouTube < / span > < / > < /李> <李> < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-instagram”>,< / i > <类= " lh-32 " > Instagram < / span > < / > < /李> <李> < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-flickr”>,< / i > <跨类= >“lh-32 Flickr < / span > < / > < /李> < / ul >

内嵌图标和文本

脸谱网推特YouTubeInstagramFlickr

< p > < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-facebook-square”>,< / i > <跨类= >“lh-32”Facebook < / span > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-twitter-square”>,< / i > <跨类= >“lh-32”Twitter < / span > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-youtube-square”>,< / i > <跨类= >“lh-32 YouTube < / span > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-instagram”>,< / i > <跨类= >“lh-32 Instagram < / span > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-flickr”>,< / i > <跨类= >“lh-32 Flickr < / span > < / > < / p >

内联-仅图标

2 x-sized图标

< p > < a href = " # " class = " nobg " > <我类=“fab fa-2x fa-facebook-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-twitter-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-youtube-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-instagram”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-2x fa-flickr”>,< / i > < / > < / p >

lg-sized图标

< p > < a href = " # " class = " nobg " > <我类=“fab fa-lg fa-facebook-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-lg fa-twitter-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-lg fa-youtube-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-lg fa-instagram”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-lg fa-flickr”>,< / i > < / > < / p >

正常图标

< p > < a href = " # " class = " nobg " > <我类=“fab fa-facebook-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-twitter-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-youtube-square”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-instagram”>,< / i > < / >,,< a href = " # " class = " nobg”> <我类=“fab fa-flickr”>,< / i > < / > < / p >
搜索 最重要的
Baidu
map