在NUXT应用程序上出现字体很棒的图标遇到困难
我试图让一些字体很棒的图标出现在NUXT项目(非常熟悉此框架)中,而我无法出现。
这是我的配置文件,
buildModules: [
// https://go.nuxtjs.dev/tailwindcss
['@nuxtjs/google-fonts',
{
families: {
'Press+Start+2P': {
},
'Space+Mono':true
}
}
],
'@nuxtjs/tailwindcss',
'@nuxtjs/fontawesome',
],
fontawesome:{
component:'fa',
icons:{
solid:true,
brands:['faLinkedin','faGithubSquare'],
}
},
这是我尝试在图标中调用的地方
<template>
<div>
<i>
<fa :icon="['fab','Linkedin']"/>
</i>
</div>
</template>
<script>
export default {
}
</script>
<style>
body {
margin: 0;
-webkit-font-smoothing: antialiased;
}
.font-2p {
font-family: "Press Start 2P", cursive;
}
.font-space-mono {
font-family: "Space Mono", monospace;
}
</style>
Im trying to get some font awesome icons to appear on a nuxt project(super unfamiliar with this framework) and I cant get the to show up.
this is my config file
buildModules: [
// https://go.nuxtjs.dev/tailwindcss
['@nuxtjs/google-fonts',
{
families: {
'Press+Start+2P': {
},
'Space+Mono':true
}
}
],
'@nuxtjs/tailwindcss',
'@nuxtjs/fontawesome',
],
fontawesome:{
component:'fa',
icons:{
solid:true,
brands:['faLinkedin','faGithubSquare'],
}
},
this is where im trying to call in the icon
<template>
<div>
<i>
<fa :icon="['fab','Linkedin']"/>
</i>
</div>
</template>
<script>
export default {
}
</script>
<style>
body {
margin: 0;
-webkit-font-smoothing: antialiased;
}
.font-2p {
font-family: "Press Start 2P", cursive;
}
.font-space-mono {
font-family: "Space Mono", monospace;
}
</style>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论