Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change font size or style for different screen size #77

Open
HeadwayLabs opened this issue Jan 19, 2016 · 3 comments
Open

Change font size or style for different screen size #77

HeadwayLabs opened this issue Jan 19, 2016 · 3 comments

Comments

@HeadwayLabs
Copy link

Title says it all. Would be handy to be able to set a smaller font on smaller screens.

@imcatnoone
Copy link
Collaborator

Hey @HeadwayLabs which font's are you referring to? The ones in your dartboard when you switch different screen sizes? Want to make sure I'm understanding you 100% so we can determine how to tackle this best. Thanks!

@HeadwayLabs
Copy link
Author

I mean any text in the artboard. This is not such a big deal on smaller fonts. But when you have a 90px font for a header its fine on a large screen. But on a small 480px screen this text is massive and breaks outside the artboard.

Being able to scale up or down depending on the artboard width would be ideal. Similar to how rem's work in CSS.

If you apply a base size to the body for mobile first and then with breakpoints you scale it up for larger screens.

That 90px font would be 5rem. At 13px for a small screen it is 65px on a large screen with the base at 18px it would be 90px. Not sure if this or similar logic can be applied or not but thought I would mention it ;)

@aminta
Copy link

aminta commented Mar 2, 2016

Definitely a must have!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants