[BUG]: Text extents are not recomputed after web font loading
@emilykl y travaille déjà.
Depuis le 22/7/2026.
Évaluation
Cette issue n'a pas encore été évaluée.
Description
Description
When using custom web fonts loaded via @font-face or external stylesheets, Plotly computes text extents before the configured font is available and therefore uses fallback font metrics.
Once the web font has loaded, the SVG text elements correctly update to the configured font-family, but the previously computed text extents are not recomputed.
As a result, text may become clipped or incorrectly positioned when the web font has significantly different metrics from the fallback font, which is particularly noticeable with monospace fonts.
The issue only occurs on the first page load. A subsequent refresh uses the already-loaded web font, and the text extents are calculated correctly.
Expected behavior: Text extents should either be computed after the configured font has loaded or recomputed once the font becomes available.
Screenshots/Video
Output of example below:
Steps to reproduce
Minimal example using a slightly modified version of the bar chart example
Plotly version: v6.9.0
import plotly.express as px
long_df = px.data.medals_long()
fig = px.bar(long_df, x="nation", y="count", color="medal", title="Long-Form Input")
fig.update_layout(
font=dict(
family="JetBrains Mono",
),
legend=dict(
borderwidth=1
)
)
fig.add_annotation(
x=1.05,
y=0.0,
xref="paper",
yref="paper",
xanchor="left",
yanchor="bottom",
text="Source: Coyote | \u00a9 ACME",
textangle=-90,
showarrow=False,
bgcolor="rgba(0,0,0,0.2)",
)
fig.write_html("plotly_bar_jetbrains_mono.html", include_plotlyjs="cdn")
# Inject the following stylesheet into the head section of the html
# <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono@5.0.20/index.css">
Notes
Tested with:
Firefox 152.0.5
Edge 150.0.4078.65
Chrome 150.0.7871.115
- Langage dominant
- Python
- Étoiles
- 18.8k
- Forks
- 2.8k
- Merge moyen
- 16 h 26 min
- PR mergées (30 j)
- 21
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de plotly/plotly.py
-
P3 size: 1 task
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
-
bug P1
Difficulté 1/5 Moins d'une heure Accessibilité débutants 68/100
-
feature P3
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
-
feature P3
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
Toutes les issues de plotly/plotly.py
Issues similaires
-
货币战争手改优先级配置缺少列表元素类型校验(P3) Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
syfoud/Simulated_Scepter#172 ·
-
A cancelled tests run makes the coverage comment workflow fail and reports it as a red check on main Ouvertearea: ci bug perceived difficulty: 3
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Nitjsefnie-Harness-Commons/daedalus#921 · 1 commentaire ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 86/100
EleutherAI/lm-evaluation-harness#4207 ·
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
ClickHouse/clickhouse-connect#1057 ·