Skip to content

Commit

Permalink
seekJobs: Use Tahoma for Thai fallback font (#1527)
Browse files Browse the repository at this point in the history
  • Loading branch information
michaeltaranto committed Jun 28, 2024
1 parent fdbc9d5 commit 147f0dc
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 1 deletion.
18 changes: 18 additions & 0 deletions .changeset/silver-carpets-act.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
---
'braid-design-system': minor
---

---
updated:
- seekJobs
---

**seekJobs:** Use Tahoma for Thai fallback font

Currently in the `seekJobs` theme, the fallback font for the Thai character set resolves to the default system font which differs by operating system.
By choosing a deterministic fallback that is available across operating systems, we can use [Capsize] to [improve the alignment] with the SEEK Sans web font, and reduce Cumulative Layout Shift for experiences that use Thai.

Additionally, adding `sans-serif` as an ultimate fallback in the event that we ever fall all the way through the stack on an obscure operating system.

[Capsize]: https://seek-oss.github.io/capsize/
[improve the alignment]: https://github.com/seek-oss/capsize?tab=readme-ov-file#createfontstack
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export default makeTokens({
tokenOverrides: {
legacy: false,
typography: {
fontFamily: 'SeekSans, "SeekSans Fallback", Arial',
fontFamily: 'SeekSans, "SeekSans Fallback", Arial, Tahoma, sans-serif',
webFont: 'https://www.seek.com.au/static/shared-web/seeksans.css',
fontMetrics: {
capHeight: 783,
Expand Down

0 comments on commit 147f0dc

Please sign in to comment.