Skip to content

Commit 6e6b8b8

Browse files
VesaJuvonenVesaJuvonen
committed
Fixing small typo on brand center font guidance on class names
1 parent 59c1195 commit 6e6b8b8

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

‎docs/design/use-brand-center-fonts-in-spfx-components.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -144,23 +144,23 @@ The following table lists all the available font slots from SharePoint brand cen
144144

145145
| Font slot | Custom Font Token | Fluent Design Tolen | Short Description | Used in Product Location |
146146
| ----------- | ----------------- | ------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
147-
| Body | customFont100 | caption2 | Caption small | |
148-
| Body | customFont200 | caption2Strong | Caption medium | News Badge, Image caption, Site WP activity, Avatar Role/Job, Hero Badge |
149-
| Body | customFont300 | caption1 | Caption large | Image Overlay |
150-
| Interactive | customFont400 | caption1Strong | Label small | Avatar link |
151-
| Interactive | customFont500 | caption1Stronger | Label medium | Footer links, Top Navigation links, Hub navigation links, Left navigation, Hero button |
152-
| Interactive | customFont600 | body1 | Label large | Button |
153-
| Body | customFont700 | body1Strong | Paragraph small | Quick links description, News sub description, Site web part information, Site web part description, Avatar name, Avatar description |
154-
| Body | customFont800 | body1Stronger | Paragraph medium | News description, RTE Normal, RTE Table Cell, Hero Description |
155-
| Body | customFont900 | body2 | Paragraph large | |
156-
| Headline | customFont1000 | subtitle2 | Heading extra small | News subtitle, RTE H4, RTE Table Header, RTE, Table Column, Site WP site title, Call to action text, Hero call to action |
157-
| Headline | customFont1100 | subtitle2Stronger | Heading small | Quick Links title, News title, Footer title, RTE H3, RTE Pull quote, Section heading, Hero title, Hero small tile title |
158-
| Headline | customFont1200 | subtitle1 | Heading medium | RTE H2, Hero title large |
159-
| Headline | customFont1300 | title3 | Heading large | Web part title, Hero tile title |
160-
| Headline | customFont1400 | title2 | Heading extra large | |
161-
| Title | customFont1500 | title1 | Title small | Hub title |
162-
| Title | customFont1600 | largeTitle | Title medium | Page title, Site title |
163-
| Title | customFont1700 | display | Title large | |
147+
| Body | CustomFont100 | caption2 | Caption small | |
148+
| Body | CustomFont200 | caption2Strong | Caption medium | News Badge, Image caption, Site WP activity, Avatar Role/Job, Hero Badge |
149+
| Body | CustomFont300 | caption1 | Caption large | Image Overlay |
150+
| Interactive | CustomFont400 | caption1Strong | Label small | Avatar link |
151+
| Interactive | CustomFont500 | caption1Stronger | Label medium | Footer links, Top Navigation links, Hub navigation links, Left navigation, Hero button |
152+
| Interactive | CustomFont600 | body1 | Label large | Button |
153+
| Body | CustomFont700 | body1Strong | Paragraph small | Quick links description, News sub description, Site web part information, Site web part description, Avatar name, Avatar description |
154+
| Body | CustomFont800 | body1Stronger | Paragraph medium | News description, RTE Normal, RTE Table Cell, Hero Description |
155+
| Body | CustomFont900 | body2 | Paragraph large | |
156+
| Headline | CustomFont1000 | subtitle2 | Heading extra small | News subtitle, RTE H4, RTE Table Header, RTE, Table Column, Site WP site title, Call to action text, Hero call to action |
157+
| Headline | CustomFont1100 | subtitle2Stronger | Heading small | Quick Links title, News title, Footer title, RTE H3, RTE Pull quote, Section heading, Hero title, Hero small tile title |
158+
| Headline | CustomFont1200 | subtitle1 | Heading medium | RTE H2, Hero title large |
159+
| Headline | CustomFont1300 | title3 | Heading large | Web part title, Hero tile title |
160+
| Headline | CustomFont1400 | title2 | Heading extra large | |
161+
| Title | CustomFont1500 | title1 | Title small | Hub title |
162+
| Title | CustomFont1600 | largeTitle | Title medium | Page title, Site title |
163+
| Title | CustomFont1700 | display | Title large | |
164164

165165
> [!TIP]
166166
> Don't forget to include the `--fontFamily` prefix when using one of the custom font slot tokens in your style sheets.

0 commit comments

Comments
 (0)