refactor: fonts

packages/astro/src/assets/fonts/vite-plugin-fonts.ts

@@ -3,14 +3,13 @@ import { readFile } from 'node:fs/promises';
 import { isAbsolute } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { bold } from 'kleur/colors';
-import type { Plugin } from 'vite';
+import type { Plugin, RunnableDevEnvironment } from 'vite';
 import { getAlgorithm, shouldTrackCspHashes } from '../../core/csp/common.js';
 import { generateCspDigest } from '../../core/encryption.js';
 import { collectErrorMetadata } from '../../core/errors/dev/utils.js';
 import { AstroError, AstroErrorData, isAstroError } from '../../core/errors/index.js';
 import type { Logger } from '../../core/logger/core.js';
 import { formatErrorMessage } from '../../core/messages.js';
-import { getRunnableEnvironment } from '../../core/module-loader/index.js';
 import { appendForwardSlash, joinPaths, prependForwardSlash } from '../../core/path.js';
 import { getClientOutputDirectory } from '../../prerender/utils.js';
 import type { AstroSettings } from '../../types/astro.js';
@@ -230,11 +229,12 @@ export function fontsPlugin({ settings, sync, logger }: Options): Plugin {
 			}
 		},
 		async configureServer(server) {
-			const environment = getRunnableEnvironment(server);
 			await initialize({
 				// In dev, we cache fonts data in .astro so it can be easily inspected and cleared
 				cacheDir: new URL(CACHE_DIR, settings.dotAstroDir),
-				modResolver: createDevServerRemoteFontProviderModResolver({ environment }),
+				modResolver: createDevServerRemoteFontProviderModResolver({
+					environment: server.environments.astro as RunnableDevEnvironment,
+				}),
 				cssRenderer: createMinifiableCssRenderer({ minify: false }),
 				urlResolver: createDevUrlResolver({ base: baseUrl }),
 				createHashResolver: (dependencies) =>

packages/astro/src/content/types-generator.ts

@@ -135,7 +135,7 @@ export async function createContentTypesGenerator({
 			await reloadContentConfigObserver({
 				fs,
 				settings,
-				environment: viteServer.environments.content as RunnableDevEnvironment,
+				environment: viteServer.environments.astro as RunnableDevEnvironment,
 			});
 			return { shouldGenerateTypes: true };
 		}

packages/astro/src/content/vite-plugin-content-imports.ts

@@ -85,14 +85,6 @@ export function astroContentImportPlugin({
 			name: 'astro:content-imports',
 			config(_config, env) {
 				shouldEmitFile = env.command === 'build';
-				return {
-					environments: {
-						content: {
-							// This is all that's needed to create a new RunnableDevEnvironment
-							dev: {},
-						},
-					},
-				};
 			},
 			async buildStart() {
 				// Get symlinks once at build start
@@ -172,7 +164,7 @@ export const _internal = {
 							await reloadContentConfigObserver({
 								fs,
 								settings,
-								environment: viteServer.environments.content as RunnableDevEnvironment,
+								environment: viteServer.environments.astro as RunnableDevEnvironment,
 							});
 						}
 

packages/astro/src/core/create-vite.ts

@@ -232,6 +232,12 @@ export async function createVite(
 			external: [...(command === 'dev' ? ONLY_DEV_EXTERNAL : []), ...astroPkgsConfig.ssr.external],
 		},
 		build: { assetsDir: settings.config.build.assets },
+		environments: {
+			astro: {
+				// This is all that's needed to create a new RunnableDevEnvironment
+				dev: {},
+			},
+		},
 	};
 
 	// If the user provides a custom assets prefix, make sure assets handled by Vite

packages/integrations/cloudflare/test/fixtures/vite-plugin/astro.config.mjs

@@ -1,6 +1,6 @@
 // @ts-check
 import cloudflare from '@astrojs/cloudflare';
-import { defineConfig, envField } from 'astro/config';
+import { defineConfig, envField, fontProviders } from 'astro/config';
 
 import mdx from '@astrojs/mdx';
 import { fileURLToPath } from 'node:url';
@@ -36,5 +36,12 @@ export default defineConfig({
 			BAR: envField.string({ context: 'client', access: 'public' }),
 			SECRET: envField.string({ context: 'server', access: 'secret' }),
 		}
+	},
+	experimental: {
+		fonts: [{
+			provider: fontProviders.google(),
+			name: "Roboto",
+			cssVariable: "--font-roboto"
+		}]
 	}
 });

packages/integrations/cloudflare/test/fixtures/vite-plugin/src/pages/index.astro

@@ -1,8 +1,11 @@
 ---
 export const prerender = false;
+
 import { getCollection, getEntry, render } from 'astro:content';
 import Hello from '../components/Hello.tsx';
 import Island from '../components/Island.astro';
+import { Font } from 'astro:assets';
+
 
 const workerRuntime = globalThis.navigator?.userAgent
 const blog = await getCollection('blog');
@@ -14,9 +17,10 @@ const { Content } = await render(increment);
 <html>
 <head>
 	<meta charset="utf-8" />
+	<Font cssVariable='--font-roboto' preload />
 	<title>Index</title>
 </head>
-<body>
+<body style="font-family: var(--font-roboto)">
 	<p>Last updated: {increment.data.lastUpdated.toLocaleTimeString()}</p>
 
 	<h2>Translations</h2>
@@ -61,3 +65,5 @@ const { Content } = await render(increment);
 
 </body>
 </html>
+
+

packages/integrations/cloudflare/test/fixtures/vite-plugin/wrangler.jsonc

@@ -1,24 +1,15 @@
 {
-	"compatibility_date": "2025-05-21",
+	"compatibility_date": "2025-10-30",
   "compatibility_flags": [
-  	"nodejs_compat",
     "global_fetch_strictly_public"
   ],
 	"name": "astro-cloudflare-custom-entryfile",
-	"main": "dist/_worker.js/index.js",
+	"main": "@astrojs/cloudflare/entrypoints/server",
 	"assets": {
 		"directory": "./dist",
 		"binding": "ASSETS"
 	},
 	"images": {
 		"binding": "IMAGES"
-	},
-	"observability": {
-    "logs": {
-      "enabled": true,
-      "head_sampling_rate": 1,
-      "invocation_logs": true,
-      "persist": true
-    }
-  }
+	}
 }