Next 設定字型檔案cdn 或者本地

红苹果学园發表於2024-11-06
@font-face {
  font-family: 'font-ali-bold';
  src: url('https://cdnurl/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

　　tailwind 設定 fontFamily 直接使用變數， 直接在className上寫 font-ali 即可應用該字型

本地：

// const aliFontRegular = localFont({
//   src: './Alibaba-PuHuiTi-Regular.woff2',
//   weight: "400",
//   variable: "--font-ali",
// })

　　

tailwind中應用紅框的變數即可

然後在body上引入字型變數

相關文章