How to use Google Fonts with Nuxt.js and TailwindCSS If you want to use Google Fonts or maybe Adobe Typekit its really easy to achieve it with this setup. We will use the nuxt-webfontloader. npm install --save-dev nuxt-webfontloader# oryarn add -D nuxt-webfontloader Include the nuxt...
<!--Google Font--> 591 changes: 591 additions & 0 deletions 591 package-lock.json Load diff Large diffs are not rendered by default. 5 changes: 4 additions & 1 deletion 5 package.json Original file line
字体你可以选择你喜欢的样式,这里保持跟dan一模一样的字体 字体文件代码(src/fonts/fonts.ts) js复制代码import{Montserrat,Merriweather}from"next/font/google";exportconstsans=Montserrat({subsets:["latin"],display:"swap",weight:["400","700","900"],style:["normal"],});exportconstserif=Merriw...
FontsThis preset uses Lato v1, Noto Sans Arabic and Noto Sans Hebrew in the default font-family, but the fonts are not bundled with this package. You must load them yourself.e.g. Using Google Fonts@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,...
In short, it provides you with all the building blocks to create your own components.Consider Tailwind as a vast collection of CSS classes, each of which is set up with a single CSS attribute. Use a class from this sizable CSS file to apply a CSS style. For instance, all we need to...
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc ...
🌍🔧Stitches- Template generator with Tailwind (online). 🌍🔧tail-animista- Configurable custom animation utilities generator for Tailwind CSS. 🌍Typography Playground- Tool for trying different Google Fonts combinations with the Tailwind CSS Typography Plugin. ...
MUI, on the other hand, is a React component library that implements Google’s Material Design guidelines. MUI like Bootstrap is component-centric, providing a set of pre-designed React components. It’s easy to customize and it has a large and active community with good support and documenta...
.readdirSync(rootDirectory, { withFileTypes: true }) .filter((entry) => entry.isDirectory()) .map((entry) => entry.name); // 解析文章数据,拿到标题、日期、简介 let datas = await Promise.all( dirs.map(async (dir) => { const { meta, content } = await getPostBySlug(dir); ...
--- --- Cristian Mihai - YouTube 📁 资产 --- --- 字体:https://fonts.google.com/ 图片:https://www.unsplash.com 👨💻 从头开始项目 --- --- GitHub - cristianmihai01/portfolio-starter ⏱ 时间戳 ---