DEV Community

somtobiotech
somtobiotech

Posted on

2 1

CSS TYPOGRAPHY

What is Typography: Typography is the art of arranging type or text so that it is easy to read and supports the overall design of a project. In CSS we can use the font family property to define a font stack. if a computer or device does not have the first font, that will list will fall back and use the next font. Now a key of concept in the font stack is to make sure that the last item in your list is not a font in and of itself but is instead a keyword. one of the most common font stack is to try and use Helvetica and if it is not available use Arial, and if Arial is not available then we will just let the browser use whatever system default san-serif it wants to use.so if you save we can see that page is using Helvetica, A technology named @fontface to use any font that you have license to use. you can control the size of text by using the font size property. When it comes to values for this property we have many different units of measurement at our disposal. so we can use percentages or pixels of 17, To manage the boldness of text we can use the font weight property. The most vital properties is one of the most important parts of typography is creating a vertical rhythm and a very important part of vertical rhythm is line spacing or lettering. It refers to the space between each line of the text, In CSS it is called line height.

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay