What's the Perfect Font Size on Any Device in Web Design?
11.7 هزار بار بازدید -
2 سال پیش
-
This is how to scale
This is how to scale typography responsively and achieve perfect typography on any device. If you’ve been wondering what the perfect font size on any device is, don’t miss this video.
Subscribe for more web design videos and tutorials: https://bit.ly/3IUiVpj
Join the Creative Crew here: https://bradhussey.hopp.to/crew-yt
Looking for perfectly responsive typography? Without a bunch of CSS media queries and looking at different device breakpoints, this can be a pain to figure out. Stop worrying about px vs. em vs. rem for font sizing. The perfect font size for web design isn’t as simple of a question as you might think. Devices come in all different sizes, and pixels (what you might be used to using for selecting font sizes) in terms of sizing, don’t show up the same way on all devices. What will look large on a small phone at 25px, will look tiny on a 4K monitor when viewing the same text.
Enter scale text in Editor X: the solution to this problem. This text scale in Editor X feature will allow you to create prefect responsive text. Web design and text sizing doesn’t have to be difficult with this awesome Editor X feature. Simply enter your smallest value for a font size, and your largest value for a font size. When switching between device breakpoints, Editor X will scale that text based on the range you’ve provided responsively. In today’s video, I’m going to cover some responsive typography tips, discuss golden ratio typography, cover common typography guidelines, and show off this cool feature in Editor X.
Get started with designing your next website with Wix Studio (previously known as Editor X):
https://bradhussey.hopp.to/wixstudio
Connect with me on:
Website: https://bit.ly/3DugDfI
Instagram: https://bit.ly/3uKtjuV
Facebook: https://bit.ly/3DtW5nD
Twitter: https://bit.ly/3K2gBy4
TikTok: https://bit.ly/3Dz3C4E
New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.
Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.
0:00 Perfect Typography on Any Device: How to Scale Typography Responsively
0:45 The Problem with Web Design Font Sizing
1:20 Text Scaling for Web Design
3:38 Editor X Typography with Scale Text
#editorx #webdesign #typography
Subscribe for more web design videos and tutorials: https://bit.ly/3IUiVpj
Join the Creative Crew here: https://bradhussey.hopp.to/crew-yt
Looking for perfectly responsive typography? Without a bunch of CSS media queries and looking at different device breakpoints, this can be a pain to figure out. Stop worrying about px vs. em vs. rem for font sizing. The perfect font size for web design isn’t as simple of a question as you might think. Devices come in all different sizes, and pixels (what you might be used to using for selecting font sizes) in terms of sizing, don’t show up the same way on all devices. What will look large on a small phone at 25px, will look tiny on a 4K monitor when viewing the same text.
Enter scale text in Editor X: the solution to this problem. This text scale in Editor X feature will allow you to create prefect responsive text. Web design and text sizing doesn’t have to be difficult with this awesome Editor X feature. Simply enter your smallest value for a font size, and your largest value for a font size. When switching between device breakpoints, Editor X will scale that text based on the range you’ve provided responsively. In today’s video, I’m going to cover some responsive typography tips, discuss golden ratio typography, cover common typography guidelines, and show off this cool feature in Editor X.
Get started with designing your next website with Wix Studio (previously known as Editor X):
https://bradhussey.hopp.to/wixstudio
Connect with me on:
Website: https://bit.ly/3DugDfI
Instagram: https://bit.ly/3uKtjuV
Facebook: https://bit.ly/3DtW5nD
Twitter: https://bit.ly/3K2gBy4
TikTok: https://bit.ly/3Dz3C4E
New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.
Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.
0:00 Perfect Typography on Any Device: How to Scale Typography Responsively
0:45 The Problem with Web Design Font Sizing
1:20 Text Scaling for Web Design
3:38 Editor X Typography with Scale Text
#editorx #webdesign #typography
2 سال پیش
در تاریخ 1401/04/30 منتشر شده
است.
11,765
بـار بازدید شده