国内有什么好用的可商用的在线字体库

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 901 days ago, the information mentioned may be changed or developed.

https://nextjs.org/docs/pages/api-reference/components/font

import { Inter } from 'next/font/google'
import styles from '../styles/component.module.css'
 
const inter = Inter({
  variable: '--font-inter',
})

<main className={inter.variable}>
  <p className={styles.text}>Hello World</p>
</main>

google font 的字体直接 import 使用挺方便的，但是这个字体在国内又无法访问，有没有什么解决办法，或者可代替的字体库？除了把字体下载下来这个办法之外。

字体

font

import

Google

1 replies

rizon

Nov 22, 2023

没事了，这个字体使用的时候不会向 google 服务器发送请求。帖子删不掉了。就当分享贴了。

|next/font includes built-in automatic self-hosting for any font file. This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS size-adjust property used.
|This new font system also allows you to conveniently use all Google Fonts with performance and privacy in mind. CSS and font files are downloaded at build time and self-hosted with the rest of your static assets. No requests are sent to Google by the browser.