只需将它们全部使用在同一位置font-family,您的浏览器即可完成工作。如果它在第一个中找不到,它将使用第二个。(Font-Family属性中有多种字体?)
顺便说一句,正确的font-family方法Free不是Solid因为Solid和Regular之间的差异是font-weight和两者都相同font-family。在font-family中没有 Solid and Regular,只有Freeand Brands。
您可能还会注意到,Solid图标的几乎所有版本都是免费的,但并非所有regular版本都是免费的。其中一些包含在PRO软件包中。如果没有显示图标,则不一定是font-family问题。
所有Light和duotone版本均为PRO版本。
.icon { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";}.icon1:before { content: "f099"; font-weight: 400;}.icon2:before { content: "f095"; font-weight: 900;}.icon3:before { content: "f095"; font-weight: 400;}<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.0/css/all.css" ><div ></div><div ></div><br><div ></div>


