In this tip learn some basics about web fonts. Styles, types, choosing the right ones for your site, and how to upload your own.
Sign up for WixEd! Learn how to build professional websites, create high quality content and develop an online presence - for yourself or for clients. Learn more at http://www.wixeducation.com
Also, subscribe to our channel here: https://goo.gl/d0VmxW
I'm so excited because we’re going to talk about fonts. There are three things I’m going to cover.
One is basic things about fonts and font types,
Two is how to choose the right fonts for your website,
And three is how to use fonts and themes in the Wix editor.
Typography refers to the visual part of written content. We wouldn’t be able to cover typography in just a short tip, or even a course. People devote lifetimes to its study and practice. With that in mind, when I say the basics I’m referring to type, weight, size, and style. Each of these factors contributes to how your written content is seen, read, and interpreted.
Types. The two most common font families you would see are serif and sans serif. Serif fonts have little lines protruding from the letters, sans serif don’t. Serif fonts can have several different widths in one letter. With sans serif, the width of each letter is the same throughout. There are many other different types of fonts available in the Wix Editor, ones that look techy, others could look vintage, or high fashion.
Weights. Weight refers to the thickness, or width, of the letter. Different fonts have different weights. Different weights can help create hierarchy in your content. A font with thicker lines will draw the eye before one that’s very fine.
Styles. Bold, italic, underlined. These are font styles, which as you know can help emphasize something when needed.
Size. Play with font sizes to create hierarchy between big, important headers, and smaller body text. Pro tip: 16 pixels is the recommended size for web text. Make your footer even smaller, since it’s the last thing you want people to notice. Start by using two or three font sizes on your site. It’s what we do on our templates, and is a good number in terms of diversity and readability.
Now that we’ve covered some basics, let’s move on to choosing the right fonts for your website.
Think about how font can serve your content in the best way. Play with different sizes and types. Start out with 2 fonts: one for titles and a different one for your running text.
Titles. You can make title text big, if you want to have one message that will come across quickly and powerfully. Feel free to choose an unusual font, if it aligns with your brand message. Since titles are usually not too long, it’s ok to use an unusual font.
Running text. Most of the content on your website will be the running text. This is the text you want people to be able to read comfortably. If you make them try too hard, they’ll give up and leave your website. Choose a font that’s simple and clean.
There are a lot of fonts for you to choose from in the Wix Editor. Different font types serve different purposes. Big, bold fonts reflect power, while thin ones can communicate an elegant and minimal feel.
Now we’ll go to the Wix Editor.
You can use any of your own fonts on your website, and it’s as easy as uploading your own image. In your uploads menu, select Fonts. Upload one from your computer, and you’ll be able to find it in your fonts menu.
It’s important to have consistency in your branding and marketing messages. Using the same fonts over and over again makes people recognize your brand.
Another easy way to maintain consistency is using text theme. A theme is an established font and size for a group of text. This cool Wix feature allows you to make changes to large groups of text at once, saving you time going through your site to edit every paragraph.
When you choose a Wix template, the text types are already suggested for you. But let’s say the paragraph text font doesn’t match your brand, and you want to switch it up. With Text Themes you can change all similar types of text. I’ll show you on my site.
Whether I start from a template or build from scratch, when I insert a text box I choose from one of recommended themes.
To adjust the font in a text theme, select a group of text – in this case I chose a paragraph marked Paragraph 2. After changing the font, an asterisk will appear next to the Theme name. Click to save theme. Now all of the Paragraph 2 text boxes throughout my whole site will change to match the new theme. Pretty cool, right?
The ability to change large amounts of text throughout my site makes designing and formatting text quick and efficient. It’s easy to make adjustments without the tedious work of changing fonts, group by group...