我无法导入行真棒框架并在 vue.js 应用程序中使用它的图标。
我尝试在我的 html 文件中添加 CDN 链接,如此处所述。
添加它并尝试使用其图标时,例如
<i class="la la-home"></i>
网页未显示任何内容,但在使用
<i class="fa fa-home"></i>
相反,网页显示字体真棒主页图标,但我仍在导入行真棒的 CDN。
正如您所发现的那样,文档非常不清楚。操作方法页面上实际上有两个 CDN 链接,即使它们看起来相同。
撰写本文时的第一个CDN链接实际上只是FontAwesome的一个插入,并且没有使用.la
前缀定义任何样式。要使用它,您需要定义FontAwesome文档中的图标。如果你像你想出的那样使用<i class="fa fa-home"></i>
,事情应该会很好。
第二个 CDN 链接定义了所有.la
样式,而不定义任何.fa
样式。如果包含该链接,则实际上可以使用文档来包含其图标。