@next/font error messages (#42689)

Fix wrong links. Add specific error message if Next.js version < 13.

## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the
feature request has been accepted for implementation before opening a
PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm build && pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing
doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)

packages/font/google/index.js

@@ -1,7 +1,15 @@
+// Validate next version
+const semver = require('next/dist/compiled/semver')
+if (semver.lt(require('next/package.json').version, '13.0.0')) {
+  throw new Error('`@next/font` is only available in Next.js 13 and newer.')
+}
+
 let message = '@next/font/google failed to run or is incorrectly configured.'
 if (process.env.NODE_ENV === 'development') {
   message +=
     '\nIf you just installed `@next/font`, please try restarting `next dev` and resaving your file.'
 }
 
+message += `\n\nRead more: https://nextjs.org/docs/basic-features/font-optimization`
+
 throw new Error(message)

packages/font/local/index.js

@@ -1,7 +1,15 @@
+// Validate next version
+const semver = require('next/dist/compiled/semver')
+if (semver.lt(require('next/package.json').version, '13.0.0')) {
+  throw new Error('`@next/font` is only available in Next.js 13 and newer.')
+}
+
 let message = '@next/font/local failed to run or is incorrectly configured.'
 if (process.env.NODE_ENV === 'development') {
   message +=
     '\nIf you just installed `@next/font`, please try restarting `next dev` and resaving your file.'
 }
 
+message += `\n\nRead more: https://nextjs.org/docs/basic-features/font-optimization`
+
 throw new Error(message)

packages/next/font/google/index.js

@@ -1,3 +1,3 @@
 throw new Error(
-  'You tried to import `next/font/google`, did you mean `@next/font/google`?\nRead more: https://nextjs.org/docs/optimizing/fonts'
+  'You tried to import `next/font/google`, did you mean `@next/font/google`?\nRead more: https://nextjs.org/docs/basic-features/font-optimization'
 )

packages/next/font/index.js

@@ -1,3 +1,3 @@
 throw new Error(
-  'You tried to import `next/font`, did you mean `@next/font`?\nRead more: https://nextjs.org/docs/optimizing/fonts'
+  'You tried to import `next/font`, did you mean `@next/font`?\nRead more: https://nextjs.org/docs/basic-features/font-optimization'
 )

packages/next/font/local/index.js

@@ -1,3 +1,3 @@
 throw new Error(
-  'You tried to import `next/font/local`, did you mean `@next/font/local`?\nRead more: https://nextjs.org/docs/optimizing/fonts'
+  'You tried to import `next/font/local`, did you mean `@next/font/local`?\nRead more: https://nextjs.org/docs/basic-features/font-optimization'
 )