Merge pull request #639 from framer/remove-redundant-google-fonts-inter

huntercaron · web-flow · commit d7f0fd838b3c · 2026-05-01T09:47:11.000Z
Remove redundant Google Fonts Inter imports
diff --git a/.yarn/cache/framer-plugin-npm-3.11.0-alpha.13-b314f9739d-c08bab3bee.zip b/.yarn/cache/framer-plugin-npm-3.11.0-alpha.13-b314f9739d-c08bab3bee.zip
diff --git a/plugins/code-versions/src/styles.css b/plugins/code-versions/src/styles.css
@@ -1,5 +1,4 @@
 @import url("https://use.typekit.net/dba5ktr.css"); /* input mono */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
 @import "tailwindcss";
 
 @custom-variant dark (&:where([data-framer-theme="dark"], [data-framer-theme="dark"] *));
diff --git a/plugins/global-search/package.json b/plugins/global-search/package.json
@@ -16,7 +16,7 @@
     "dependencies": {
         "@tanstack/react-virtual": "^3.13.12",
         "clsx": "^2.1.1",
-        "framer-plugin": "3.11.0-alpha.12",
+        "framer-plugin": "3.11.0-alpha.13",
         "idb": "^8.0.3",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
diff --git a/plugins/global-search/src/main.tsx b/plugins/global-search/src/main.tsx
@@ -1,3 +1,4 @@
+import "framer-plugin/inter.css"
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
 import { App } from "./App"
diff --git a/plugins/global-search/src/styles.css b/plugins/global-search/src/styles.css
@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
 @import "tailwindcss";
 
 @custom-variant dark (&:where([data-framer-theme="dark"], [data-framer-theme="dark"] *));
@@ -36,6 +35,16 @@
     --item-height: 30px;
 }
 
+/* Prelease Styles: remove after major release */
+/* Conditionally render Inter alternate glyphs */
+[data-framer-styles="prerelease"] {
+    font-feature-settings:
+        "cv01" 1,
+        "cv05" 1,
+        "cv09" 1,
+        "cv11" 1;
+}
+
 @utility scrollbar-hidden {
     scrollbar-width: none;
 
diff --git a/plugins/hubspot/src/globals.css b/plugins/hubspot/src/globals.css
@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
 @import "tailwindcss";
 
 @custom-variant dark (&:where([data-framer-theme="dark"], [data-framer-theme="dark"] *));
diff --git a/plugins/phosphor/index.html b/plugins/phosphor/index.html
@@ -5,7 +5,6 @@
         <link rel="icon" type="image/svg+xml" href="/framer.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Phosphor Icons</title>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
     </head>
 
     <body>
diff --git a/plugins/unsplash/src/global.css b/plugins/unsplash/src/global.css
@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
 @import "tailwindcss";
 
 @theme inline {
diff --git a/yarn.lock b/yarn.lock
@@ -5424,6 +5424,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"framer-plugin@npm:3.11.0-alpha.13":
+  version: 3.11.0-alpha.13
+  resolution: "framer-plugin@npm:3.11.0-alpha.13"
+  dependencies:
+    csstype: "npm:^3.1.1"
+  peerDependencies:
+    react: ^18.2.0
+    react-dom: ^18.2.0
+  checksum: 10/c08bab3bee580b9027dd9e6a098d5e8647ac80ec88e762d9b749539129284e036497f65457dccc4685035dfe8d2b8dc5cc44417359796435702f575ca9a2a7a0
+  languageName: node
+  linkType: hard
+
 "framer-plugin@npm:^3.10.0":
   version: 3.10.3
   resolution: "framer-plugin@npm:3.10.3"
@@ -5539,7 +5551,7 @@ __metadata:
     "@types/react-dom": "npm:^18.3.7"
     "@vitest/ui": "npm:^3.2.4"
     clsx: "npm:^2.1.1"
-    framer-plugin: "npm:3.11.0-alpha.12"
+    framer-plugin: "npm:3.11.0-alpha.13"
     happy-dom: "npm:^20.8.9"
     idb: "npm:^8.0.3"
     react: "npm:^18.3.1"

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`@import url("https://use.typekit.net/dba5ktr.css"); /* input mono */`
`2`		`-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");`
`3`	`2`	`@import "tailwindcss";`
`4`	`3`
`5`	`4`	`@custom-variant dark (&:where([data-framer-theme="dark"], [data-framer-theme="dark"] *));`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import "framer-plugin/inter.css"`
`1`	`2`	`import { StrictMode } from "react"`
`2`	`3`	`import { createRoot } from "react-dom/client"`
`3`	`4`	`import { App } from "./App"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");`
`2`	`1`	`@import "tailwindcss";`
`3`	`2`
`4`	`3`	`@custom-variant dark (&:where([data-framer-theme="dark"], [data-framer-theme="dark"] *));`