Choose the right font design for your website
- 原创
- 2018-09-22 10:36:58
- Renee
- 2652
F
ont design, aka Typography, is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. When Steve Jobs was creating the first Mac, he did something that was never done before. He created 10 font designs that you can choose from. He was so obsessed with crafting the perfect font design for the Mac because he knew how typography can significantly improve user experience.
Why you should choose the right font design to improve user experience
Font design involves selecting typefaces, point sizes, line lengths, line-spacing (leading), and (tracking), and adjusting the space between pairs of letters (aka kerning). The term typography is also applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process.
Font design can impact the user experience in the following two aspects:
Different font styles communicate different subconscious messages to people – which can help you build brand identity.
It can help you grow your business.
Believe it or not, specific font styles can convey different messages such as trust, stability, strength, elegance / sophistication, creativity, etc to people. Imagine if you want to build a website for your accounting or legal business, what type of font design do you think you should use? Would you use the same font style if you’re building a wedding photography business website? Probably not.
Using the right font design with the right layout design can make your readers feel more comfortable, increasing the chances that they will read more of your content material. This helps you build trust with your visitors (as they consume more content) and therefore gives you a better chance of growing your business. Let’s face it, your business will not grow online if your visitors don’t feel comfortable with reading your material on your webpages.
https://www.websitebuilderexpert.com/wp-content/uploads/2016/02/Psychology_Behind_Typeface_large.jpg
Free font design for your website
1. Montserrat
Julieta Ulanovsky created this font, for she lives and works in Montserrat, Buenos Aires and wanted to preserve the beautiful typography she saw on the street there. This font is distributed under an open source license and goes some way toward preserving the urban typography of the historic region.
https://d144mzi0q5mijx.cloudfront.net/img/M/O/Montserrat-Bold-Italic.png
2. Lato
A sans serif family created by Polish designer Łukasz Dziedzic , Lato is published under the open-source Open Font License. Originally developed for a client project, which was later steered in a different direction, the face is relatively non-descript when used small, but reveals its character at larger sizes, where its semi-rounded characters add warmth.
https://i2.wp.com/www.solopress.com/blog/wp-content/uploads/2013/11/Lato.jpg?ssl=1
3. Oswald
One of the first fonts to be featured in Google's Web Fonts library, Oswald has been updated more recently to include multiple weights, extended character sets and better kerning. The font is a reworking of the classic Alternate Gothic sans-serif typeface style, created by designer Vernon Adams, and is a fantastic display font for headlines and captions.
https://freefontsfamily.com/wp-content/uploads/2017/07/Oswald-Font-Family-Free.jpg
4. Roboto
Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
5. Open Sans
Designed by Steve Matteson, type director at Ascender Corp, this humanist sans serif boasts great legibility even at small sizes, and has been optimized for both web and mobile interfaces. This free web font has an upright feel, with open letterforms and a neutral-yet-friendly appearance that ensures versatility.
https://cdn.mos.cms.futurecdn.net/20877a5197b0dbcf3615339845bb69fe-650-80.jpg
You can find more fonts on Google Fonts.
Acknowledgement
This article concludes information gathered from the Internet.
Reference
1.
https://www.websitebuilderexpert.com/designing-websites/pick-best-font-style-for-website/
2.
https://en.wikipedia.org/wiki/Typography
3.https://www.creativebloq.com/typography/free-web-fonts-1131610
