Skip to content

[WEB-5649] [WEB-5675] fix: local font files #8377

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pushya22 merged 1 commit into from
Dec 18, 2025
Merged

[WEB-5649] [WEB-5675] fix: local font files #8377

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions apps/admin/styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";

.shadow-custom {
box-shadow: 2px 2px 8px 2px rgba(234, 231, 250, 0.3); /* Convert #EAE7FA4D to rgba */
Expand Down
1 change: 1 addition & 0 deletions apps/space/styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";
@import "@plane/editor/styles";
@import "@plane/propel/styles/react-day-picker.css";
@plugin "@tailwindcss/typography";
Expand Down
1 change: 1 addition & 0 deletions apps/web/styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";
@import "@plane/editor/styles";
@import "@plane/propel/styles/react-day-picker.css";
@import "./power-k.css";
Expand Down
1 change: 1 addition & 0 deletions packages/propel/.storybook/tailwind.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";
@import "../src/styles/react-day-picker.css";
1 change: 1 addition & 0 deletions packages/tailwind-config/fonts/Inter/LICENSE
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Inter[slnt,wght].ttf: Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot Dec 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

find . -path "*tailwind-config/fonts/Inter/LICENSE*" -type f

Repository: makeplane/plane

Length of output: 105

🏁 Script executed:

#!/bin/bash
# Find the Inter fonts directory
fd -type f "LICENSE" -path "*Inter*"

# Also check what files are in the Inter fonts directory
fd -type f -path "*tailwind-config/fonts/Inter*" | head -20

Repository: makeplane/plane

Length of output: 400

🏁 Script executed:

#!/bin/bash
# Check the full structure of the fonts directory
find . -type d -name "Inter" 2>/dev/null | head -5

# For each Inter directory found, list its contents
find . -type d -name "Inter" 2>/dev/null | while read dir; do
  echo "=== Contents of $dir ==="
  ls -la "$dir" 2>/dev/null | head -20
done

Repository: makeplane/plane

Length of output: 865

🏁 Script executed:

#!/bin/bash
# Search for the LICENSE file in Inter fonts directory
if [ -f "packages/tailwind-config/fonts/Inter/LICENSE" ]; then
  echo "=== File Found: packages/tailwind-config/fonts/Inter/LICENSE ==="
  cat -n "packages/tailwind-config/fonts/Inter/LICENSE"
  echo ""
  echo "=== File size ==="
  wc -l "packages/tailwind-config/fonts/Inter/LICENSE"
else
  echo "File not found at exact path, searching..."
  find . -type f -name "LICENSE" -path "*Inter*" 2>/dev/null
  find . -type d -name "Inter" 2>/dev/null | head -3
fi

Repository: makeplane/plane

Length of output: 290

Include full SIL Open Font License 1.1 text in LICENSE file.

Inter font is licensed under the SIL Open Font License, Version 1.1. The current file contains only a copyright notice. When distributing font files, the copyright notice and full license must be included, either as stand-alone text files or in appropriate machine-readable metadata fields. Replace the single-line copyright notice with the complete SIL OFL 1.1 license text from the official Inter repository (https://github.com/rsms/inter/blob/master/LICENSE.txt).

🤖 Prompt for AI Agents 
In packages/tailwind-config/fonts/Inter/LICENSE lines 1-1, the file currently
contains only a single-line copyright notice but must include the complete SIL
Open Font License 1.1 text; replace the single-line entry with the full OFL 1.1
license text verbatim (as published in the Inter repo LICENSE.txt), ensuring the
file contains the complete license header, permissions, conditions, and warranty
disclaimer so the font distribution includes the full license.

Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-200.woff2
View file
Open in desktop
Binary file not shown.
Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-300.woff2
View file
Open in desktop
Binary file not shown.
Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-500.woff2
View file
Open in desktop
Binary file not shown.
Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-600.woff2
View file
Open in desktop
Binary file not shown.
Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-700.woff2
View file
Open in desktop
Binary file not shown.
Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-800.woff2
View file
Open in desktop
Binary file not shown.
Binary file added packages/tailwind-config/fonts/Inter/inter-v13-latin-regular.woff2
View file
Open in desktop
Binary file not shown.
0 packages/tailwind-config/fonts/LICENSE.txt → ...onts/Material-Symbols-Rounded/LICENSE.txt
View file
Open in desktop
File renamed without changes.
0 ...-symbols-rounded-v168-latin-regular.woff2 → ...-symbols-rounded-v168-latin-regular.woff2
View file
Open in desktop
File renamed without changes.
87 changes: 87 additions & 0 deletions packages/tailwind-config/fonts/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
/* inter-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 200;
src: url("./Inter/inter-v13-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 300;
src: url("./Inter/inter-v13-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 400;
src: url("./Inter/inter-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url("./Inter/inter-v13-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url("./Inter/inter-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 700;
src: url("./Inter/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 800;
src: url("./Inter/inter-v13-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* material-symbols-rounded-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 400;
src: url("./Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 24px;
Copy link

Copilot AI Dec 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The font-size is hardcoded to 24px instead of using 1.5rem like the original @Utility definition. This creates an inconsistency - consider using 1.5rem to match the previous implementation.

Suggested change
font-size: 24px;
font-size: 1.5rem;

Copilot uses AI. Check for mistakes.
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
6 changes: 1 addition & 5 deletions packages/tailwind-config/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,7 @@
},
"exports": {
"./index.css": "./index.css",
"./fonts.css": "./fonts/index.css",
Copy link

Copilot AI Dec 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The IBM Plex Mono font was removed from dependencies but no @font-face declarations were added in fonts/index.css. If IBM Plex Mono is still used in the codebase, add the corresponding font declarations.

Copilot uses AI. Check for mistakes.
"./postcss.config.js": "./postcss.config.js"
},
"dependencies": {
"@fontsource/ibm-plex-mono": "5.2.7",
"@fontsource/inter": "5.2.8",
"@fontsource/material-symbols-rounded": "5.2.30"
}
}
39 changes: 0 additions & 39 deletions packages/tailwind-config/variables.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,3 @@
@import "@fontsource/inter/200.css";
@import "@fontsource/inter/300.css";
@import "@fontsource/inter/400.css";
@import "@fontsource/inter/500.css";
@import "@fontsource/inter/600.css";
@import "@fontsource/inter/700.css";
@import "@fontsource/inter/800.css";
@import "@fontsource/ibm-plex-mono/200.css";
@import "@fontsource/ibm-plex-mono/300.css";
@import "@fontsource/ibm-plex-mono/400.css";
@import "@fontsource/ibm-plex-mono/500.css";
@import "@fontsource/ibm-plex-mono/600.css";
@import "@fontsource/ibm-plex-mono/700.css";

@custom-variant dark (&:where([data-theme*="dark"], [data-theme*="dark"] *));
@custom-variant dark-high-contrast (&:where([data-theme="dark-contrast"], [data-theme="dark-contrast"] *));
@custom-variant light-high-contrast (&:where([data-theme="light-contrast"], [data-theme="light-contrast"] *));
Expand Down Expand Up @@ -1151,31 +1137,6 @@
}
}

/* material-symbols-rounded-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 400;
src: url("./fonts/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@utility material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}

/* Tailwind typography plugin overwrites */
@utility prose {
--tw-prose-body: var(--text-color-primary);
Expand Down
1 change: 0 additions & 1 deletion packages/ui/src/dropdowns/custom-menu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -418,7 +418,6 @@ function SubMenu(props: ICustomSubMenuProps) {
{...attributes.popper}
className={cn(
"fixed z-30 min-w-[12rem] overflow-hidden rounded-md border-[0.5px] border-subtle-1 bg-surface-1 p-1 text-11",
"ring-1 ring-black ring-opacity-5", // Additional styling to make it stand out
contentClassName
)}
data-prevent-outside-click="true"
Expand Down
1 change: 1 addition & 0 deletions packages/ui/styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";
25 changes: 0 additions & 25 deletions pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading