在NUXT应用程序上出现字体很棒的图标遇到困难

发布于 2025-02-05 03:31:27 字数 922 浏览 0 评论 0原文

我试图让一些字体很棒的图标出现在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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文