Skip to content

Commit e7065d3

Browse files
Merge pull request #6627 from MicrosoftDocs/niels9001/typeramp-update
Adding Body Large Strong to the Fluent typeramp
2 parents 67ccc65 + 93457a5 commit e7065d3

4 files changed

Lines changed: 29 additions & 15 deletions

File tree

2.38 KB
Loading

hub/apps/design/signature-experiences/typography.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -108,12 +108,16 @@ Windows 11 uses the following values for various types of text in the UI.
108108
| ![Example of body text](images/typography_body.svg) | Text | 14/20 epx |
109109
| ![Example of body strong text](images/typography_body_strong.svg)| Text semibold | 14/20 epx |
110110
| ![Example of body large text](images/typography_body_large.svg)| Text | 18/24 epx |
111+
| ![Example of body large strong text](images/typography_body_large_strong.png)| Text semibold | 18/24 epx |
111112
| ![Example of subtitle text](images/typography_subtitle.svg)| Display semibold | 20/28 epx |
112113
| ![Example of title text](images/typography_title.svg)| Display semibold | 28/36 epx |
113114
| ![Example of title large text](images/typography_title_large.svg)| Display semibold | 40/52 epx |
114115
| ![Example of display text](images/typography_display.svg)| Display semibold | 68/92 epx |
115116

116-
Check out the guidance on using the [XAML type ramp](../../develop/platform/xaml/xaml-theme-resources.md#the-xaml-type-ramp) for more details.
117+
These type styles are available as XAML static resources that follow the [XAML type ramp](../../develop/platform/xaml/xaml-theme-resources.md#the-xaml-type-ramp) conventions, so you can use them directly in your app.
118+
119+
> [!NOTE]
120+
> Bold and Italic styles are not part of the Windows type ramp. Use Semibold instead of Bold for emphasis. Italic is excluded because it can reduce readability and legibility, particularly for people with dyslexia.
117121
118122
### Alignment
119123

@@ -224,7 +228,7 @@ Variable fonts are good for precisely controlling the appearance of text.
224228

225229
| Font-family | Styles | Notes |
226230
|---------|---------|---------|
227-
| Segoe MDL2 Assets | Regular | User-interface font for app icons. For more info, see the [Segoe Fluent Icons font](../style/segoe-fluent-icons-font.md) article. |
231+
| Segoe Fluent Icons | Regular | User-interface font for app icons. For more info, see the [Segoe Fluent Icons font](../style/segoe-fluent-icons-font.md) article. |
228232
| Segoe UI Emoji | Regular | User-interface font for Emoji. |
229233
| Segoe UI Symbol | Regular | Fallback font for symbols. |
230234

0 commit comments

Comments
 (0)