Vonage / vivid-3

Vonage's web UI 🎨 toolbelt
https://vivid.deno.dev
Apache License 2.0
50 stars 11 forks source link

default font #795

Closed rachelbt closed 1 year ago

rachelbt commented 1 year ago

finding a default font to replace Spezia

rachelbt commented 1 year ago

Problems: We are using font-stretch to select condense, expand and more in the Spezia font but it does not apply to all fonts:

You can use font-stretch to select a condensed or expanded face from such fonts. If the font you are using does not offer condensed or expanded faces, this property has no effect.

https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch

fonts that are under-considiration: https://fonts.google.com/specimen/Mulish?vfonly=true&preview.text=Vivid%20UI&preview.text_type=custom https://fonts.google.com/specimen/Montserrat/about?preview.text=To%20integrate%20Vivid%20components%20into%20your%20project,%20run:%0A%0A&preview.text_type=custom but both do not contain font-stratch options

rachelbt commented 1 year ago

@AyalaBu @yinonov can you please have a look: this one is Mulish: https://vivid-f1qvg1ajwtdg.deno.dev/

this one is Monserat: https://vivid-30s4sjk9dsg0.deno.dev/

WDYT? @AyalaBu do you have a better suggestion?

AyalaBu commented 1 year ago

@rachelbt I think that I like the Monserrat more, although both are great

yinonov commented 1 year ago

Can we create a gist or a repo to guide vonage teams how to use Spezia font?

github-actions[bot] commented 1 year ago

This issue is stale because it has been open for 30 days with no activity.

rachelbt commented 1 year ago

DONE and implemented :)