UnlyEd / next-right-now

Flexible production-grade boilerplate with Next.js 11, Vercel and TypeScript. Includes multiple opt-in presets using Storybook, Airtable, GraphQL, Analytics, CSS-in-JS, Monitoring, End-to-end testing, Internationalization, CI/CD and SaaS B2B multi single-tenancy (monorepo) support

https://unlyed.github.io/next-right-now/

MIT License

1.27k stars 110 forks source link

Rework of fonts #315

Closed Vadorequest closed 3 years ago

Vadorequest commented 3 years ago

Current NRN Fonts implementation has a few issues:

No browser caching, fonts are downloaded at every refresh
FOUT effect (text's size changes between initial render and once the font has been loaded) AKA "swap" strategy
Using external lib WebFontLoader which increase complexity (not obvious how it works)

Inspiration

https://twitter.com/leeerob/status/1345554813375938561

Code examples:

Doc:

Resources:

What's done

Changed default font from NeuzeitGrotesk to Manrope, which is open source
Lots of other things explained at https://github.com/UnlyEd/next-right-now/blob/rework-fonts/src/modules/core/fonts/fonts.ts#L26

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit 3c5fa2eb8efdf1cdd59c5618856f76cee6e7f342 successfully deployed Next.js app :rocket: to https://nrn-v2-mst-aptd-at-lcz-sty-c1-lyv6nhm0z-unly-oss.vercel.app Deployment aliased as

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit 3c5fa2eb8efdf1cdd59c5618856f76cee6e7f342 successfully deployed Storybook static site :open_book: to https://nrn-v2-mst-aptd-at-lcz-sty-storybook-zdiq5v6g0-unly-oss.vercel.app Deployment aliased as nrn-v2-mst-aptd-at-lcz-sty-storybook

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit 3c5fa2eb8efdf1cdd59c5618856f76cee6e7f342 previously deployed at https://nrn-v2-mst-aptd-at-lcz-sty-c1-lyv6nhm0z-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit 3c5fa2eb8efdf1cdd59c5618856f76cee6e7f342 previously deployed Storybook static site at https://nrn-v2-mst-aptd-at-lcz-sty-storybook-zdiq5v6g0-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit 3234f9c7286af1dbe070a7ea30894a627a6091ad successfully deployed Next.js app :rocket: to https://nrn-v2-mst-aptd-at-lcz-sty-c1-mgu1yndpx-unly-oss.vercel.app Deployment aliased as

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit 3234f9c7286af1dbe070a7ea30894a627a6091ad successfully deployed Storybook static site :open_book: to https://nrn-v2-mst-aptd-at-lcz-sty-storybook-k652squwv-unly-oss.vercel.app Deployment aliased as nrn-v2-mst-aptd-at-lcz-sty-storybook

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit 3234f9c7286af1dbe070a7ea30894a627a6091ad previously deployed at https://nrn-v2-mst-aptd-at-lcz-sty-c1-mgu1yndpx-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit 3234f9c7286af1dbe070a7ea30894a627a6091ad previously deployed Storybook static site at https://nrn-v2-mst-aptd-at-lcz-sty-storybook-k652squwv-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit c1324099c2805f1a8c868600455065c8c1811525 successfully deployed Next.js app :rocket: to https://nrn-v2-mst-aptd-at-lcz-sty-c1-jj7hh7qnp-unly-oss.vercel.app Deployment aliased as

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit c1324099c2805f1a8c868600455065c8c1811525 successfully deployed Storybook static site :open_book: to https://nrn-v2-mst-aptd-at-lcz-sty-storybook-i1mmm4eul-unly-oss.vercel.app Deployment aliased as nrn-v2-mst-aptd-at-lcz-sty-storybook

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit c1324099c2805f1a8c868600455065c8c1811525 previously deployed Storybook static site at https://nrn-v2-mst-aptd-at-lcz-sty-storybook-i1mmm4eul-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit c1324099c2805f1a8c868600455065c8c1811525 previously deployed at https://nrn-v2-mst-aptd-at-lcz-sty-c1-jj7hh7qnp-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit b0665bf481cf885392a47db2715e00e7823f4a59 successfully deployed Next.js app :rocket: to https://nrn-v2-mst-aptd-at-lcz-sty-c1-etdwsbcuf-unly-oss.vercel.app Deployment aliased as

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit b0665bf481cf885392a47db2715e00e7823f4a59 successfully deployed Storybook static site :open_book: to https://nrn-v2-mst-aptd-at-lcz-sty-storybook-8hlcnz19o-unly-oss.vercel.app Deployment aliased as nrn-v2-mst-aptd-at-lcz-sty-storybook

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit b0665bf481cf885392a47db2715e00e7823f4a59 previously deployed at https://nrn-v2-mst-aptd-at-lcz-sty-c1-etdwsbcuf-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit b0665bf481cf885392a47db2715e00e7823f4a59 previously deployed Storybook static site at https://nrn-v2-mst-aptd-at-lcz-sty-storybook-8hlcnz19o-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit c8c0f8907203a8bce17453cd9738dff0b1a726db successfully deployed Next.js app :rocket: to https://nrn-v2-mst-aptd-at-lcz-sty-c1-3te8yieey-unly-oss.vercel.app Deployment aliased as

github-actions[bot] commented 3 years ago

:white_check_mark: Deployment SUCCESS Commit c8c0f8907203a8bce17453cd9738dff0b1a726db successfully deployed Storybook static site :open_book: to https://nrn-v2-mst-aptd-at-lcz-sty-storybook-npffngq9b-unly-oss.vercel.app Deployment aliased as nrn-v2-mst-aptd-at-lcz-sty-storybook

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit c8c0f8907203a8bce17453cd9738dff0b1a726db previously deployed Storybook static site at https://nrn-v2-mst-aptd-at-lcz-sty-storybook-npffngq9b-unly-oss.vercel.app

github-actions[bot] commented 3 years ago

:white_check_mark: E2E tests SUCCESS for commit c8c0f8907203a8bce17453cd9738dff0b1a726db previously deployed at https://nrn-v2-mst-aptd-at-lcz-sty-c1-3te8yieey-unly-oss.vercel.app