💄(react) migrate to Roboto Flex

Previously we were using standard Roboto Font but we were struggling to
get the same boldness as the ones from the Figma sketches. It appears
that Figma uses Roboto Flex, so by installing it we can now nearly
perfectly align our visuals with the ones form the sketches. I had to
do some custom tweaks with the weights of the font because if we
use exactly the same font-weight as in Figma the render is still different.
This commit is contained in:
Nathan Vasse
2023-05-25 17:12:33 +02:00
committed by NathanVss
parent bc4638de41
commit cfdac8dba9
11 changed files with 29 additions and 143 deletions

View File

@@ -1903,16 +1903,16 @@
resolved "https://registry.yarnpkg.com/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz#c05ed35ad82df8e6ac616c68b92c2282bd083ba4"
integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==
"@fontsource-variable/roboto-flex@^5.0.1":
version "5.0.1"
resolved "https://registry.yarnpkg.com/@fontsource-variable/roboto-flex/-/roboto-flex-5.0.1.tgz#fa9c402ede0650f21166454a847e94bd19471a8b"
integrity sha512-U0C6V2RyyZOpEfQ+apNqK1J0qu+YZuVjgbsB4ilkgYV4FJbdO8VW0jUNIxsC6Mvn5C6yoGHyLizz4LZkOxhtug==
"@fontsource/material-icons@5.0.1":
version "5.0.1"
resolved "https://registry.yarnpkg.com/@fontsource/material-icons/-/material-icons-5.0.1.tgz#53a5601299c0c4f50d8ac23c38bbbd9f58728635"
integrity sha512-fApFqmVftfwCKNaro2kWZi4NDCh3OLwfJbvfGH7kkpFc38QP9iQLAJmSWW2yao2wk9JFDfIIaer0myy8XVaUYQ==
"@fontsource/roboto@5.0.1":
version "5.0.1"
resolved "https://registry.yarnpkg.com/@fontsource/roboto/-/roboto-5.0.1.tgz#c9d374fc71553d356986b393ec8aace1bf740d58"
integrity sha512-pWF64nF35Tfoh2kWgOuJYEFTLkpn+O3/GIR//u1MGD9b1yR+UBwYKXmcNx9CRyNPjMdWjkdN9GKDHhaWZRYbnw==
"@formatjs/ecma402-abstract@1.15.0":
version "1.15.0"
resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-1.15.0.tgz#0a285a5dc69889e15d53803bd5036272e23e5a18"