Typography is such a crucial oversight on a lot of websites. My brother Lee is a front end web developer and designer and is great at this. He understands which fonts look great and professional and fit a brand the best (I am a back end web developer and still need lots o’ help with this and am trying to learn from him). It really sets websites apart when their font types are consistent and partner beautifully with their design.
If the explanation above didn’t convince you of the importance of typography, check out this quote from a speech that Steve Jobs gave at Stanford University.
“I decided to take a calligraphy class to learn how to [learn calligraphy]. I learned about serif and sans-serif typefaces, about varying the space between different letter combinations, about what makes great typography great. It was beautiful. Historical. Artistically subtle in a way that science can’t capture. And I found it fascinating. None of this had any hope of any practical application in my life. But 10 years later, when we were designing the first Macintosh computer, it all came back to me. And we designed it all into the Mac. It was the first computer with beautiful typography. If I had never dropped in on that single course in college, the Mac would never have multiple typefaces or proportionally spaced fonts. And since Windows just copied the Mac, it’s likely that no personal computer would have them.”
Login to your WordPress dashboard (yourdomain.com/wp-admin).
Then, hover over Salient in the left sidebar and click on the Typography link.
You should see the following Salient Typography Settings page:
Make sure to switch the Use Custom Fonts? option to on. Make the following changes. You’ll notice we didn’t change every font style, only the ones we thought would make the site look even more beautiful. Again, these are the font styles and sizes that we used. Feel free to explore your creative side and play with these to your hearts desire!
- Use Custom Fonts? – Turn it On
- Body
- Font Family – Georgia
- Font Size – 20px
- Navigation
- Font Family – Open Sans
- Font Size – 18px
- Font Styles – 800 (this makes your font bolder)
- Nectar Slider Heading
- Font Family – Lovelo
- Font Size – 72px
- Sidebar, Carousel, Button & Footer Headers
- Font Size – 18px
- Page Heading
- Font Family – Lovelo
- Font Size – 72px
- Heading 2
- Font Family – Open Sans
- Font Size – 36px
- Font Styles – 800
- Heading 3
- Font Family – Open Sans
- Font Size – 26px
- Font Styles – 700
- Heading 4
- Font Size – 22px
Finally, make sure to click the green Save Changes button at the top.
Now, check out the different pages of your site to see how much of a difference that made. You’ll seriously be amazed. If you’re not, you may need glasses 😉
Do you want to learn about how to grow your email list with the Salient Theme and MailChimp? We’ll walk you through how to provide your users with a Free reward after they subscribe to your newsletter (like we’re doing with the button above). Click on the button below to check out the following post:
How to build your email list for free with the Modal Madness plugin and MailChimp.
Click the button below to get more tips and tricks to professionally using the Salient WordPress theme!
Excellent post. Keep posting such kind of information on your page.
Im really impressed by your blog.
Hey there, You’ve performed a great job. I’ll certainly digg it and in my opinion suggest to my friends.
I’m sure they will be benefited from this website.
Thank you very much @hyper fx bsn! We love that 🙂
Hey there! I could have sworn I’ve been to this blog before but after browsing through some of the post I realized
it’s new to me. Nonetheless, I’m definitely delighted I found it and I’ll be
book-marking and checking back often!
I’m definitely delighted that you found it as well :))) You are welcome any time!!
I couldn’t rеsist ϲommenting. Well wгitten!
Thank you Hazel – I love the compliment 🙂
Good post! We will bе linking to this great post on our աеbsіte.
Keep up the good writing.
Awesome – thank you Annmarie!!
I am actually happy to glance at this weblog posts which includes lots of helpful
information, thanks for providing these kinds of data.
Absolutely!
Whoa! This blog looks exactly like my olld one! It’s on a
entidely different topic but it has pretty much the same layout and design.
Superb choice of colors!
Thank you very much sir or madam – greatly appreciated!
Greetingѕ! Very useful advice іn thіs particulаr post!
It iѕ thе litgle cɦanges thаt will ake the largest chаnges.
Мany tɦanks fοr sharing!
Absolutely agreed!
Hey there! This is my 1st comment here so I just wanted to give a quick shout
out and tell you I genuinely enjoy reading through your posts.
Can you suggest any other blogs/websites/forums that deal with the same
topics? Thank you!
Checking out sites like SitePoint.com or Udemy.com might be helpful. But, there are no sites as good as ours haha 😉
Great choices here. We’re using some of the same features over at http://www.thedsmgroup.com … We also love salient as well.
Cheers.
That’s awesome Jason – really glad we could help man! BTW – love your site, it looks great 🙂
Thanks for the kind words. Any thoughts on getting Google Fonts to load faster? We use wpengine and cloudflare.
There’s an optimization and rendering section here: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=en. It’s pretty technical but some good ideas in there and gives a good background of the font loading process. Also, this might be helpful: http://www.quickonlinetips.com/archives/2013/10/load-google-web-fonts-faster/
Nice, thank you very much.
Absolutely @Brandall715! Thank you for visiting 🙂
I’m so happy to read this. This is the kind of manual that needs to be given and not the random misinformation that is at the other blogs. Appreciate your sharing this greatest doc.
Excellent, what a web site it is! This blog presents helpful information to us, keep it up.
You can certainly see your expertise in the work you write. The sector hopes for even more passionate writers such as you who are not afraid to mention how they believe. All the time go after your heart.
Heya i am for the first time here. I found this board and I find It truly useful & it helped me out a lot. I hope to give something back and help others like you aided me.
You really make it appear so easy together with your presentation but I in finding this topic to be really one thing which I believe I’d never understand. It seems too complex and extremely extensive for me. I am looking forward in your next put up, Iˇll attempt to get the cling of it!
Good web site! I truly love how it is simple on my eyes and the data are well written. I am wondering how I could be notified whenever a new post has been made. I’ve subscribed to your feed which must do the trick! Have a nice day!
Someone essentially lend a hand to make seriously posts I might state. This is the first time I frequented your web page and so far? I surprised with the research you made to create this particular publish extraordinary. Excellent job!
I have been exploring for a little bit for any high-quality articles or blog posts on this sort of area . Exploring in Yahoo I at last stumbled upon this site. Studying this information So iˇm happy to exhibit that I have a very excellent uncanny feeling I came upon just what I needed. I so much indubitably will make sure to donˇt omit this web site and give it a glance regularly.
I just want to say I am all new to blogging and site-building and actually enjoyed this web site. Almost certainly I’m planning to bookmark your site . You certainly have awesome stories. Regards for sharing with us your website page.
Keep working ,great job!
I simply want to mention I am just very new to weblog and truly enjoyed you’re blog site. Likely I’m planning to bookmark your blog . You certainly come with outstanding articles. Regards for sharing your website page.
Thank you very much – much appreciated 🙂
I am constantly looking online for articles that can assist me. Thx!
Terrific work! This is the kind of info that should
be shared around the web. Shame on Google for not positioning this post
upper! Come on over and talk over with my website .
Thank you =)
Thank you very much – love hearing that 🙂
I am really impressed with your writing skills and also with the layout on your blog. Is this a paid theme or did you customize it yourself? Either way keep up the excellent quality writing, it’s rare to see a great blog like this one today..
Thank you! We’re using the Salient theme. We created a child theme for it. I really appreciate that 🙂