如何在顺风中添加roboto字体系列?

6 tailwind-css tailwind-ui tailwind-3

如何在顺风中添加roboto字体系列并将其用作标签元素?

<label class="font-roboto"></label>
Run Code Online (Sandbox Code Playgroud)

小智 12

您可以将导入字体放入 main.css 中,并通过 tailwind.config.js 添加

 module.exports = {
  theme: {
    fontFamily: {
      'sans': [your_main_font],
      'roboto': ['Roboto', 'sans-serif'],
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

您可以在文档中看到有关如何在 tailwind css 字体中添加 google 的文档,

https://tailwindcss.com/docs/font-family#customizing-your-theme