From 19663f76b6a33d7fff155bfa71f7c651b9126fa8 Mon Sep 17 00:00:00 2001 From: Kathy <153706637+kathayl@users.noreply.github.com> Date: Wed, 3 Sep 2025 13:55:58 -0700 Subject: [PATCH 1/4] Create supported-fonts.mdx --- .../reference/supported-fonts.mdx | 64 +++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 src/content/docs/browser-rendering/reference/supported-fonts.mdx diff --git a/src/content/docs/browser-rendering/reference/supported-fonts.mdx b/src/content/docs/browser-rendering/reference/supported-fonts.mdx new file mode 100644 index 000000000000000..4f26f0c69f424de --- /dev/null +++ b/src/content/docs/browser-rendering/reference/supported-fonts.mdx @@ -0,0 +1,64 @@ +--- +pcx_content_type: reference +title: Supported fonts +sidebar: + order: 3 +--- + +Browser Rendering uses a managed Chromium environment that includes a standard set of fonts. When you generate a screenshot or PDF, text is rendered using the fonts available in this environment. + +## Generic CSS font family support + +The following generic CSS font families are supported: + +- `serif` +- `sans-serif` +- `monospace` +- `cursive` +- `fantasy` + +## Common system fonts + +- Arial +- Verdana +- Georgia +- Times +- Times New Roman +- Trebuchet MS +- Courier +- Courier New +- Comic Sans MS +- Impact +- Andale Mono +- Lucida Handwriting +- Webdings +- Helvetica +- Arial Black + +## Open source and extended fonts + +- Roboto +- Open Sans +- Liberation (Serif, Sans, Mono) +- DejaVu (Serif, Sans, Mono) +- FreeFont (FreeSerif, FreeSans, FreeMono) +- GFS Neohellenic +- Bitstream Vera (Serif, Sans, Mono) +- Cyberbit + +## International fonts + +Browser Rendering includes additional font packages for non-Latin scripts and emoji: + +- Noto CJK (Chinese, Japanese, Korean) +- IPAfont Gothic (Japanese) +- WenQuanYi Zen Hei (Chinese) +- TLWG Thai fonts +- KACST fonts (Arabic) +- Indic fonts (Devanagari, Bengali, Tamil, and others) +- Noto Color Emoji + +## Notes + +- If your webpage specifies a font that is not supported yet, Chromium will fall back to a similar supported font. +- TBD based on answers to questions... From e16042594db74fe2efe698c0a4979014e407d79c Mon Sep 17 00:00:00 2001 From: Kathy <153706637+kathayl@users.noreply.github.com> Date: Wed, 3 Sep 2025 14:40:31 -0700 Subject: [PATCH 2/4] Update supported-fonts.mdx alphabetized --- .../reference/supported-fonts.mdx | 38 +++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/content/docs/browser-rendering/reference/supported-fonts.mdx b/src/content/docs/browser-rendering/reference/supported-fonts.mdx index 4f26f0c69f424de..8c6512ef21d4d36 100644 --- a/src/content/docs/browser-rendering/reference/supported-fonts.mdx +++ b/src/content/docs/browser-rendering/reference/supported-fonts.mdx @@ -19,44 +19,44 @@ The following generic CSS font families are supported: ## Common system fonts +- Andale Mono - Arial -- Verdana -- Georgia -- Times -- Times New Roman -- Trebuchet MS +- Arial Black +- Comic Sans MS - Courier - Courier New -- Comic Sans MS +- Georgia +- Helvetica - Impact -- Andale Mono - Lucida Handwriting -- Webdings -- Helvetica -- Arial Black +- Times +- Times New Roman +- Trebuchet MS +- Verdana +- Webdings ## Open source and extended fonts -- Roboto -- Open Sans -- Liberation (Serif, Sans, Mono) +- Bitstream Vera (Serif, Sans, Mono) +- Cyberbit - DejaVu (Serif, Sans, Mono) - FreeFont (FreeSerif, FreeSans, FreeMono) - GFS Neohellenic -- Bitstream Vera (Serif, Sans, Mono) -- Cyberbit +- Liberation (Serif, Sans, Mono) +- Open Sans +- Roboto ## International fonts Browser Rendering includes additional font packages for non-Latin scripts and emoji: -- Noto CJK (Chinese, Japanese, Korean) - IPAfont Gothic (Japanese) -- WenQuanYi Zen Hei (Chinese) -- TLWG Thai fonts -- KACST fonts (Arabic) - Indic fonts (Devanagari, Bengali, Tamil, and others) +- KACST fonts (Arabic) +- Noto CJK (Chinese, Japanese, Korean) - Noto Color Emoji +- TLWG Thai fonts +- WenQuanYi Zen Hei (Chinese) ## Notes From 7404d5f0387e55d25d303d8e0597ed70c04a031b Mon Sep 17 00:00:00 2001 From: Kathy <153706637+kathayl@users.noreply.github.com> Date: Thu, 4 Sep 2025 09:14:09 -0700 Subject: [PATCH 3/4] Update supported-fonts.mdx --- .../docs/browser-rendering/reference/supported-fonts.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/docs/browser-rendering/reference/supported-fonts.mdx b/src/content/docs/browser-rendering/reference/supported-fonts.mdx index 8c6512ef21d4d36..505b0252165b1aa 100644 --- a/src/content/docs/browser-rendering/reference/supported-fonts.mdx +++ b/src/content/docs/browser-rendering/reference/supported-fonts.mdx @@ -60,5 +60,5 @@ Browser Rendering includes additional font packages for non-Latin scripts and em ## Notes -- If your webpage specifies a font that is not supported yet, Chromium will fall back to a similar supported font. -- TBD based on answers to questions... +- If your webpage specifies a font that is not supported yet, Chromium will automatically fall back to a similar supported font. +- If you would like to use a font that is not currently supported, reach out to us on [Cloudflare Discord](https://discord.cloudflare.com/). From fe221a73bdc269ceb899fce2bddb9f1e993b60c6 Mon Sep 17 00:00:00 2001 From: Kathy <153706637+kathayl@users.noreply.github.com> Date: Fri, 5 Sep 2025 11:51:48 -0700 Subject: [PATCH 4/4] Update supported-fonts.mdx move notes to top --- .../docs/browser-rendering/reference/supported-fonts.mdx | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/content/docs/browser-rendering/reference/supported-fonts.mdx b/src/content/docs/browser-rendering/reference/supported-fonts.mdx index 505b0252165b1aa..65157f8b8a79ebe 100644 --- a/src/content/docs/browser-rendering/reference/supported-fonts.mdx +++ b/src/content/docs/browser-rendering/reference/supported-fonts.mdx @@ -7,6 +7,8 @@ sidebar: Browser Rendering uses a managed Chromium environment that includes a standard set of fonts. When you generate a screenshot or PDF, text is rendered using the fonts available in this environment. +If your webpage specifies a font that is not supported yet, Chromium will automatically fall back to a similar supported font. If you would like to use a font that is not currently supported, reach out to us on [Cloudflare Discord](https://discord.cloudflare.com/). + ## Generic CSS font family support The following generic CSS font families are supported: @@ -57,8 +59,3 @@ Browser Rendering includes additional font packages for non-Latin scripts and em - Noto Color Emoji - TLWG Thai fonts - WenQuanYi Zen Hei (Chinese) - -## Notes - -- If your webpage specifies a font that is not supported yet, Chromium will automatically fall back to a similar supported font. -- If you would like to use a font that is not currently supported, reach out to us on [Cloudflare Discord](https://discord.cloudflare.com/).