Typography isn’t just about making your headings large and bold. It’s about how the typefaces speak for you. Every typeface that you use should be as important as every other element you use. Especially when your website is shown on a mobile device, think of how much data you want to be loaded on the page. At this point, when you start to take out some unnecessary pictures and graphics, what’s left? Yes, the text. Do the typeface choices you make reflect your brand just as much as your logo and other pictures on the website? They should.
Here are three typographic elements for you to consider :
1. Legibility
The text needs to be readable, but beyond that, it’s about how far you can go to make it as easy as possible for your reader to understand. Also, take into consideration who your target audience is. 12 pt. font may not always be the best size for body copy. Click To Tweet
2. Contrast
Contrast isn’t just making your heading big and your body copy small; create contrast by differentiating sizes is just one method. Think about using color, different typefaces, or use a different background color to create the contrast. A good contrast will make your section stand out.
3. Space
Don’t always do ‘line-height: normal’. You’re just meeting the standard, but the standard doesn’t always speak for you. Think about an area of text as a black line and the space in between as a white line. Now ask yourself if the space is balanced for you? Also, don’t be afraid to do “letter-spacing: -1px;”. Experiment until it looks appropriate.
While making your text render correctly on a web browser is crucial, it doesn’t mean that you always have to stick with the web safe font every time. There are plenty of ways to load/embed custom fonts nowadays even though they have their pros and cons. Don’t be afraid to get creative and experiment with it.
