图像学和社交媒体
字体太棒了
字体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 >
内嵌图标和文本
< 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 >