[money-630] Replace larssiet font with skintype-text

[cherimarie]

Related: https://github.com/curology/curology-gatsby/pull/2432

Question:
I'm surprised that .yarn/ and yarn.lock aren't git ignored. Is that intentional? Should I be committing .yarn/?

Local Storybook, showing all font styles default to 'skintype-test' instead of 'larssiet'

Related PRs:

• https://github.com/curology/PocketDerm/pull/21008
• https://github.com/curology/curology-gatsby/pull/2432

[linear]

MONEY-360 V6 Requirements & Set-up

Experiment Name

• Intro Offer V6

Cohort Names

• Control: Free Trial - 33%
• Variant A: Provider - 33%
• Variant B: Custom Cream- 33%

Cohorting:

• Eligibility page landing

Testing Duration

• Two days (in progress to validate)

User Stories

• When landing on the eligibility page, users will see either Control, A, or B variants.
• Across all experiment arms, users are inputting their state and age to check eligibility - the same experience as the control
• After clicking "Continue" A and B variants go into Intro Offers V2 flow, depending what will be the latest working option

[cherimarie]

Unrelated to this PR, Avant Garde/avantgarde font doesn't seem to be loading. If I inspect source on the live site right now and remove larssiet from the stack, I get Century Gothic. This could be an environment-specific issue, but there's also no other reference to Avant Garde here, including any import. Should we do something about that?

[linear]

MONEY-630 Switch font from Larsseit to Skintype

✏️ User Story / Description

All pages currently using Larsseit need to switch to Skintype

✅ Acceptance Criteria

• Check all surface areas (pair with jess.cohen for approval)
  • sign up flow
  • Rx PDPs
  • reviews
  • contact us
  • patient dashboard
    • home
    • shipments
    • messages
    • manage subscription
    • orders
    • progress
    • treatment plan
    • customize your box
    • check-in
    • cancellation
    • resubscribe

📌 Resources

🙋 Open questions

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	8cd58d9
Status:	✅  Deploy successful!
Preview URL:	https://eb325b41.radiance-ui.pages.dev
Branch Preview URL:	https://ca-money-360.radiance-ui.pages.dev

View logs

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
@types/lodash.round	4.0.7	None	+0	3.77 kB	types
@storybook/addon-essentials	6.5.13	None	+14	1.16 MB	shilman
react-toggle-button	2.2.0	None	+0	181 kB	gdowens
@babel/preset-react	7.16.7	None	+1	14.7 kB	nicolo-ribaudo
yarn-run-all	3.1.1	environment	+2	199 kB	reko_t
eslint-plugin-jsx-a11y	6.5.1	filesystem	+2	759 kB	ljharb
@svgr/cli	6.2.1	filesystem	+1	31.1 kB	neoziro
@testing-library/react	13.4.0	eval, environment	+1	4.28 MB	testing-library-bot
eslint-plugin-storybook	0.6.7	None	+1	129 kB	yannbf
jest-junit	13.2.0	filesystem, environment	+0	37.4 kB	jsonp
@rollup/plugin-typescript	8.3.2	filesystem, environment	+0	96.3 kB	shellscape

[ZeMunchkin]

Changes make sense to me. There's some CI failures, but assuming those get worked out I don't see anything blocking.

When we tried adding a new font for admin last year, I remember also needing to add it to PocketDerm font files for them to take effect: https://github.com/curology/PocketDerm/pull/18868

I'm not sure if that's also the case for patient-facing, but looking through things in PocketDerm, Larssiet is part of the fonts in the layout. You're probably all over that since this piece would need to be changed first, but wanted to point that in out just in case :) Those should be updated when the radiance version gets bumped.
https://github.com/curology/PocketDerm/blob/master/resources/views/app/layout/curology/fonts.blade.php

[cherimarie]

@ZeMunchkin great callout, and yep, I'm on it! https://github.com/curology/PocketDerm/pull/21008