docs(getting-started): use ::steps and mention css files

docs/content/1.getting-started/5.fonts.md

@@ -12,15 +12,13 @@ links:
 
 Nuxt UI automatically registers the [`@nuxt/fonts`](https://github.com/nuxt/fonts) module for you, so there's no additional setup required. To use a font in your Nuxt UI application, you can simply declare it in your CSS:
 
-```vue [app.vue]
-<style>
+```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui";
 
 @theme {
   --font-family-sans: 'Public Sans', sans-serif;
 }
-</style>
 ```
 
 That's it! Nuxt Fonts will detect this and you should immediately see the web font loaded in your browser.