Skip to content

Conversation

@HowieHz
Copy link
Contributor

@HowieHz HowieHz commented Aug 26, 2025

Description

Update font-display example to use correct format

Motivation

format("eot") ×
format("embedded-opentype") √

Additional details

Related issues and pull requests

Fixes #28577

@HowieHz HowieHz requested a review from a team as a code owner August 26, 2025 10:16
@HowieHz HowieHz requested review from irvin and removed request for a team August 26, 2025 10:16
@github-actions github-actions bot added the l10n-zh Issues related to Chinese content. label Aug 26, 2025
@HowieHz HowieHz requested review from a team as code owners August 26, 2025 10:24
@HowieHz HowieHz requested review from SphinxKnight, davbrito, hochan222, mfuji09 and myshov and removed request for a team August 26, 2025 10:24
@github-actions github-actions bot added l10n-ja Issues related to Japanese content. l10n-fr Issues related to French content. l10n-es Issues related to Spanish content. l10n-ru Issues related to Russian content. l10n-ko Issues related to Korean content. labels Aug 26, 2025
@HowieHz
Copy link
Contributor Author

HowieHz commented Aug 26, 2025

link mdn/content#40890

HowieHz and others added 3 commits August 26, 2025 18:47
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@leon-win
Copy link
Member

I propose to also bring the path to files to a unified form:

    url("/path/to/fonts/example-font.woff") format("woff"),
    url("/path/to/fonts/example-font.eot") format("embedded-opentype");

I couldn't do it completely with suggestions, but I wanted to show the train of thought using the Russian locale as an example.

Copy link
Member

@yin1999 yin1999 left a comment

Choose a reason for hiding this comment

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

Let's update the format

Comment on lines 55 to 56
url(/path/to/fonts/examplefont.woff) format("woff"),
url(/path/to/fonts/examplefont.eot) format("embedded-opentype");
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
url(/path/to/fonts/examplefont.woff) format("woff"),
url(/path/to/fonts/examplefont.eot) format("embedded-opentype");
url("/path/to/fonts/example-font.woff") format("woff"),
url("/path/to/fonts/example-font.eot") format("embedded-opentype");

@HowieHz
Copy link
Contributor Author

HowieHz commented Aug 29, 2025

mdn/content#40890 has been merged, I will synchronize its changes.

@font-face {
  font-family: ExampleFont;
  src:
    url("/path/to/fonts/example-font.woff") format("woff"),
    url("/path/to/fonts/example-font.eot") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@leon-win
Copy link
Member

Approve for ru 👍
Thank you @HowieHz !

@github-actions
Copy link
Contributor

Preview URLs (6 pages)
Flaws (12)

Note! 1 document with no flaws that don't need to be listed. 🎉

URL: /es/docs/Web/CSS/@font-face/font-display
Title: font-display
Flaw count: 1

  • broken_links:
    • /en-US/docs/Web/CSS/At-rule is a redirect

URL: /ja/docs/Web/CSS/@font-face/font-display
Title: font-display
Flaw count: 2

  • broken_links:
    • /ja/docs/Web/CSS/At-rule is a redirect
  • macros:
    • Macro produces link /ja/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box which is a redirect

URL: /ko/docs/Web/CSS/@font-face/font-display
Title: font-display
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/At-rule is a redirect
  • macros:
    • Can't resolve /ko/docs/Web/CSS/@font-face/font-variant
    • Macro produces link /ko/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box which is a redirect

URL: /ru/docs/Web/CSS/@font-face/font-display
Title: font-display
Flaw count: 3

  • broken_links:
    • /ru/docs/Web/CSS/At-rule is a redirect
  • macros:
    • Can't resolve /ru/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box
    • Macro produces link /ru/docs/Web/CSS/CSS_animated_properties which is a redirect

URL: /zh-CN/docs/Web/CSS/@font-face/font-display
Title: font-display
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/At-rule is a redirect
  • macros:
    • Can't resolve /zh-CN/docs/Web/CSS/@font-face/font-variant
    • Macro produces link /zh-CN/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box which is a redirect

Copy link
Collaborator

@mfuji09 mfuji09 left a comment

Choose a reason for hiding this comment

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

LGTM for ja.

Copy link
Member

@yin1999 yin1999 left a comment

Choose a reason for hiding this comment

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

LGTM for l10n-zh

@yin1999 yin1999 removed request for irvin and myshov September 2, 2025 01:31
@tristantheb tristantheb requested review from tristantheb and removed request for SphinxKnight September 5, 2025 10:54
Copy link
Member

@tristantheb tristantheb left a comment

Choose a reason for hiding this comment

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

Ok for fr 👍🏻

Copy link
Member

@JuanVqz JuanVqz left a comment

Choose a reason for hiding this comment

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

Approved for ES docs, cc @Graywolf9

@yin1999 yin1999 removed the request for review from davbrito September 6, 2025 00:48
Copy link
Member

@yin1999 yin1999 left a comment

Choose a reason for hiding this comment

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

Let's merge this

@yin1999 yin1999 merged commit 8a42f0b into mdn:main Sep 8, 2025
6 checks passed
@github-project-automation github-project-automation bot moved this from Review requested to Done in MDN translated-content l10n-zh Sep 8, 2025
@HowieHz HowieHz deleted the patch-1 branch September 8, 2025 11:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

l10n-es Issues related to Spanish content. l10n-fr Issues related to French content. l10n-ja Issues related to Japanese content. l10n-ko Issues related to Korean content. l10n-ru Issues related to Russian content. l10n-zh Issues related to Chinese content.

Development

Successfully merging this pull request may close these issues.

@font-face/font-display 例子错误

6 participants