Skip to content
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

Jump to bottom

🔡 Update default core Gradio font #9204

Merged
merged 10 commits into from
Aug 29, 2024
Merged

🔡 Update default core Gradio font #9204

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
94c772b
change sans font from Source Sans Pro to Asap
hannahblair Aug 28, 2024
f5fe7e8
change misc refs to Source Sans Pro
hannahblair Aug 28, 2024
90cbc95
add changeset
gradio-pr-bot Aug 28, 2024
2afc380
revert old changes
hannahblair Aug 28, 2024
17b07bb
Merge branch 'v5-font' of github.com:gradio-app/gradio into v5-font
hannahblair Aug 28, 2024
a4bf586
add changeset
gradio-pr-bot Aug 28, 2024
80e4287
replace asap with IBM Plex Sans
hannahblair Aug 28, 2024
cb4f8ff
add changeset
gradio-pr-bot Aug 28, 2024
a486f9f
repalce asaps with ibm plex
hannahblair Aug 29, 2024
9b49a8a
tweak
hannahblair Aug 29, 2024
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
11 changes: 11 additions & 0 deletions .changeset/pink-shirts-fry.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
"@gradio/lite": minor
"@gradio/theme": minor
"@self/cdn-test": minor
"@self/component-test": minor
"@self/storybook": minor
"gradio": minor
"website": minor
---

feat:🔡 Update default core Gradio font
2 changes: 1 addition & 1 deletion gradio/themes/base.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -352,7 +352,7 @@ def __init__(
spacing_size: sizes.Size | str = sizes.spacing_md,
radius_size: sizes.Size | str = sizes.radius_md,
font: fonts.Font | str | Iterable[fonts.Font | str] = (
fonts.GoogleFont("Source Sans Pro"),
fonts.GoogleFont("IBM Plex Sans"),
"ui-sans-serif",
"system-ui",
"sans-serif",
Expand Down
2 changes: 1 addition & 1 deletion gradio/themes/default.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ def __init__(
radius_size: sizes.Size | str = sizes.radius_md,
text_size: sizes.Size | str = sizes.text_md,
font: fonts.Font | str | Iterable[fonts.Font | str] = (
fonts.GoogleFont("Source Sans Pro"),
fonts.GoogleFont("IBM Plex Sans"),
"ui-sans-serif",
"system-ui",
"sans-serif",
Expand Down
2 changes: 1 addition & 1 deletion guides/09_other-tutorials/theming-guide.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ You could also create your own custom `Size` objects and pass them in.

The final 2 constructor arguments set the fonts of the theme. You can pass a list of fonts to each of these arguments to specify fallbacks. If you provide a string, it will be loaded as a system font. If you provide a `gradio.themes.GoogleFont`, the font will be loaded from Google Fonts.

- `font`: This sets the primary font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("Source Sans Pro")`.
- `font`: This sets the primary font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("IBM Plex Sans")`.
- `font_mono`: This sets the monospace font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("IBM Plex Mono")`.

You could modify these values such as the following:
Expand Down
2 changes: 1 addition & 1 deletion guides/cn/07_other-tutorials/theming-guide.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ with gr.Blocks(theme=gr.themes.Default(spacing_size=gr.themes.sizes.spacing_sm,

最后的 2 个构造函数参数设置主题的字体。您可以将一系列字体传递给这些参数，以指定回退字体。如果提供了字符串，它将被加载为系统字体。如果提供了 `gradio.themes.GoogleFont`，则将从 Google Fonts 加载该字体。

- `font`：此设置主题的主要字体。在默认主题中，此值设置为 `gradio.themes.GoogleFont("Source Sans Pro")`。
- `font`：此设置主题的主要字体。在默认主题中，此值设置为 `gradio.themes.GoogleFont("IBM Plex Sans")`。
- `font_mono`：此设置主题的等宽字体。在默认主题中，此值设置为 `gradio.themes.GoogleFont("IBM Plex Mono")`。

您可以修改这些值，例如以下方式：
Expand Down
2 changes: 1 addition & 1 deletion js/_cdn-test/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
html {
/* background: #111; */
/* color: #eee; */
font-family: Source Sans Pro;
font-family: IBM Plex Sans;
}
</style>
<meta charset="UTF-8" />
Expand Down
2 changes: 1 addition & 1 deletion js/_website/tailwind.config.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ module.exports = {
theme: {
extend: {
fontFamily: {
sans: ["Source Sans Pro", ...defaultTheme.fontFamily.sans],
sans: ["IBM Plex Sans", ...defaultTheme.fontFamily.sans],
mono: ["IBM Plex Mono", ...defaultTheme.fontFamily.mono]
},
colors: {
Expand Down
4 changes: 2 additions & 2 deletions js/component-test/src/theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
--text-lg: 16px;
--text-xl: 22px;
--text-xxl: 26px;
--font: "Source Sans Pro", "ui-sans-serif", "system-ui", sans-serif;
--font: "IBM Plex Sans", "ui-sans-serif", "system-ui", sans-serif;
--font-mono: "IBM Plex Mono", "ui-monospace", "Consolas", monospace;
--body-background-fill: var(--background-fill-primary);
--body-text-color: var(--neutral-800);
Expand Down Expand Up @@ -432,7 +432,7 @@
--text-lg: 16px;
--text-xl: 22px;
--text-xxl: 26px;
--font: "Source Sans Pro", "ui-sans-serif", "system-ui", sans-serif;
--font: "IBM Plex Sans", "ui-sans-serif", "system-ui", sans-serif;
--font-mono: "IBM Plex Mono", "ui-monospace", "Consolas", monospace;
--body-text-size: var(--text-md);
--body-text-weight: 400;
Expand Down
4 changes: 2 additions & 2 deletions js/lite/src/theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
--text-lg: 16px;
--text-xl: 22px;
--text-xxl: 26px;
--font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
--font: 'IBM Plex Sans', 'ui-sans-serif', 'system-ui', sans-serif;
--font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
--body-background-fill: var(--background-fill-primary);
--body-text-color: var(--neutral-800);
Expand Down Expand Up @@ -351,7 +351,7 @@
--text-lg: 16px;
--text-xl: 22px;
--text-xxl: 26px;
--font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
--font: 'IBM Plex Sans', 'ui-sans-serif', 'system-ui', sans-serif;
--font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
--body-text-size: var(--text-md);
--body-text-weight: 400;
Expand Down
2 changes: 1 addition & 1 deletion js/storybook/themeLight.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export default create({
brandImage: Logo,
brandTarget: "_blank",

fontBase: '"Source Sans Pro", sans-serif',
fontBase: '"IBM Plex Sans", sans-serif',
fontCode: "monospace",

// theme colours
Expand Down
2 changes: 1 addition & 1 deletion js/theme/src/pollen.config.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ module.exports = defineConfig((pollen) => {
},
font: {
...pollen.font,
sans: `Source Sans Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`,
sans: `IBM Plex Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`,
mono: `IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`
},
radius: {
Expand Down
Loading