WhatText Font Shall I use for my Website?

by1Rudy1

1.7K followers

Updated 1 year ago

Funny you should ask.

Now that your WordPress website is set up, it's time to add text content, images, and maybe even some videos. Not only do you have to decide which text font to use, the style/design of your website is a factor when choosing a color scheme.

Instead of writing more, I decided to list a few tools you can use to help you to decide what to use when designing your website. I was doing some folder housecleaning, and found an old bookmarks that were saved on a Word document when I upgraded from Windows 7 to Windows 10.

Here are some of those bookmarks that I want to share with you.

Typetester: https://www.typetester.org/

Typetester provides visual examples of different font styles and color combinations that will help you decide which work best for your website.

(added) HTML Colors: https://html-color.codes/

Find the right hue to go with your fonts.

Remember to check your mobile devices, what looks good on the big screen does not always look as good on the cell phone.

GCFGlobal: https://edu.gcfglobal.org/en/imageediting101/

GCFGlobal is an easy to use website that provides a basic 101 look at a wide list of topics, from how to use the internet to learning reading and writing skills, and as this link provides, how to edit your images. A special link to help those of you who are not photographers, yet want to take their own product images: https://edu.gcfglobal.org/en/digitalphotography/

And for those of use who need a little help with opening up our creative hearts: https://edu.gcfglobal.org/en/creativity/

And the last one: https://edu.gcfglobal.org/en/imageediting101/getting-started-with-image-editing/1/

This one will help you to understand they 'why's' of editing an image properly for the best result.

Moving on.

All FREE vectors, photos and graphic designs: https://all-free-download.com/

Need to make a sign? Check out this one: http://www.trafficsign.us/index.html

Free to use and download.

SpeckyBoy: https://speckyboy.com/topic/free-templates/

SpeckyBoy has been around a while, and one of my favorites. Even though it's been about 5 years since I last visited the site, SpeckyBoy always has something for everybody when it comes to free stuff like mock-up templates, themes, even free WooCommerce themes for WordPress.

Again, another article about typography at the Creative Bloq website: https://www.creativebloq.com/rwd/responsive-web-design-tutorials-71410085

Specifically, this talks about the use of setting fonts using the 'em' tag instead of px, for a better responsive flow.

Want a custom Mouse pad?: https://www.custommousepad.com/Mouse-Pads-Custom

A variety of mouse pads to choose from, plus other 'pad' uses like counter mats, even promotional products. Low prices.

Want a cool design for the background?: https://www.toptal.com/designers/subtlepatterns/

What is interesting is this page is only the tip of the iceberg...scroll down to upload your own patterns and/or find designer jobs in a number of fields.

New to WordPress? Check out their own tutorials:

https://learn.wordpress.org/course/getting-started-with-wordpress-get-familiar/

And, finally, how to use the WordPress site editor- Part 1: https://learn.wordpress.org/course/simple-site-design-with-full-site-editing/

Note: all of these links are valid at the time of this writing/posting. None of the links provided in this list are affiliated.

Rudy