Best Font For Your Website/Blog

Choose the best font for websites
Best font for websites

The font you use on your website/blog matters a lot, it can affect  you positively or negatively. Most times you design your website/blog with certain fonts that looks so great on your website but when  your audience views the same website/blog, he/she sees something different from what you originally designed. This is simply because the font you used on your website/blog is not present in the viewers computer system/browser. Whenever the preferred font you used isn’t present on the viewers computer system/web browser, the viewers Web browser attempts to use the next font in the list (If you used more than one font i.e “Font Family”). If none of the fonts specified are found, the viewers browser displays its default font.

How Do You Know if the font you used on your website/blog is present in the viewers computer system/browser ?

Though not all fonts are available on every one’s computer system/browser but there are few fonts that are likely to be available on almost every computer system, and this fonts are called “Web Safe Fonts”.

What are “Web Safe Fonts” ?

Web Safe Fonts are the fonts that are likely to be present on a wide range of computer systems/browsers that are used by web content authors to increase the likelihood that content displays in their chosen font. So as a newbie in web-development, it will be safer to start with the Web Safe Fonts.

Ten (10) Web Safe Fonts

  • Lucida Sans
  • Arial/Helvetica
  • Tahoma
  • Times New Roman
  • Courier New
  • Verdana
  • Microsoft Sans Serif
  • Trebuchet Ms
  • Georgia
  • Comic Sans Ms

Like i said earlier, this fonts are likely to be present on a wide range of computer systems/browsers. So with any of the fonts above, your website/blog  retains its original font on almost all devices and browsers. In-case none of this fonts suits your website, i advice you to use Google Web Fonts on your website, also with google fonts, your website/blog fonts will appear on every website/blog exactly as when you designed it. If you are a newbie and you don’t know how to use Google Web Fonts.

Check this outA to Z on how to use google fonts on your website.

Choosing Font Size:

Generally, people believe that font-size of 16 pixel is ideal to be used on websites. Personally, I prefer using font size of 14 pixel, but if your website/blog is specifically meant for a target audience of individuals with reading issues, then it will be better you use font size range of 15px – 18px.

Another thing is if as a newbie, you still not sure if 14px or 16px is the right font size for your website. I suggest you visit other websites on the internet, go through their pages by viewing it both on desktop and on mobile, if you encounter any page that you like reading from, then that is the right page with the right font/font-size to choose. Imitate that particular website by using the exact font/font-size. If you don’t know how to detect the right font/font-size used on other website pages, check this out; How to detect font and font-size used on other website pages.

Note: You have to be aware that different fonts with the same font-size may look differently (In sizes) on different devices.

Finally, please don’t hesitate to share your own view on the best font and font size for websites….


Comprehensive website terminologies
Comprehensive website terminologies


It is quite normal and healthier to build a house with a strong foundation, i.e. before thinking of your dream mansion; you have to first think of its foundation, the same goes to developing a website without having its basic knowledge.

In everything we do in life, we should try to know its basics. There is this my good friend that can actually design a basic website with few CMS programs especially with “Dreamweaver” and he calls himself a professional web developer, but his major problem is that he knows few or nothing in the theoretical aspect of web developing and this really gives him hard times, if you ask him the meaning of “Website” he can’t be proud enough to render the correct meaning. So, this was one of the major reasons why I compiled this.

First, we start by outlining the major terminologies used in website/Blog designing.


Website Blog Domain Name Webhost
Domain Registrar Nameserver Web-page Indexing of web-pages
RSS HTML Backlinks FTP



A website which can be written  in three ways “Web site, Website and Site” is a set  of  related web pages typically served from a single web domain, it is hosted on at-least one web server, accessible via a network such as internet or private local area network through an internet address known as a uniform resource locator (URL). All publicly accessible websites collectively constitutes the World Wide Web (www).


A blog also known as weblog is a term used to describe discussion/informational websites that maintains continuous information, it features links to other articles on other websites.

Domain Name:

A domain name is simply an identification string that defines a realm of administrative autonomy, authority control within the internet. Example of a domain name: is my own domain name, so whenever you here of a domain name, just know that it is just that name you use to identify yourself or your business online.


Assuming we bisect the term “Webhost” “Web + Host” i.e. “Web” for Website while “Host” for Hosting so combining the two together “Website Hosting” is just the process of hosting a website.

This brings us to the former  term “Webhost”, is the company that hosts website for their clients i.e. the companies that provide space on a server owned or leased for use by clients, as well as providing internet connectivity typically in a data center.

The scope of webhosting services varies greatly but the most basic is web page and small-scale file hosting.

Domain Registrar:

This is a commercial body responsible for the management and reservation of internet domain names. E.g. of domain name registrars;,  Godaddy, Hostgator e.t.c.


It is a software server that implements a network service for providing responses to queries against a directory service.

A Nameserver translates an often humanly meaningful text-based identifier to a system internal i.e. using DNS (Domain Name System) servers as an example, its function is to translate the domain names and hostnames into the corresponding numeric internet protocol (IP) addresses.

The translation is made possible by pointing the domain name to your hosting nameservers.

Web Pages:

Known as the building blocks of websites, they are documents typically written in plain text with formatting instructions of hypertext Markup Language (HTML, XHTML), they are accessed with HTTP.


Rich Site Summary abbreviated as “RSS” is a format for delivering regularly changing web content. Many news related sites, weblogs and other online publishers syndicate their contents as an RSS Feed to whoever wants it. RSS allows bloggers/website owners to easily stay informed by retrieving the latest content from the sites they are interested in. So many sites offer RSS feeds.

Indexing of Web-Pages:

Also known as web indexing or internet indexing simply refers to various methods of  telling search engines about your new web-pages therefore making it possible for your audience to find all your web-pages on search engines even if they don’t actually know the right “page url”. Google search is one example of search engines.


Known as HyperText  Markup Language is the standard markup language used in creating web pages, which can be read by web browsers giving a visible web pages as the output.

Designing of web-pages involves mainly the use of HTML and CSS s ometimes PHP. HTML gives the “structure” while the CSS gives the “styles”. HTML begins with <html> and ends with </html>.


Also known as incoming links, inbound links, inlinks and inward links, are incoming links to a website or webpage. In basic link terminology, a backlink is any link received by a web node (web page, directory, website, or top level domain) from another web page.


File Transfer Protocol is a standard network protocol in form of computer software used to transfer computer files from one host to another host over an internet connection. Example: We use Filezilla, Classic FTP e.t.c to transfer our web pages/files from our local server (the computer used in creating the web-pages) to your domain hosting company server.

Note: All files that you want to be visible online should be uploaded in “public_html” directory.


This is Content Management System, a computer application that gives room for editing, modifying, organizing, deleting and publishing of webpage contents. CMSs are often used to run websites containing blogs, news and shopping carts, many web designers/developers use CMS just to escape the hand coding process of managing content. Examples of CMSs are {Dreamweaver, Joomla, WordPress} e.t.c.


This is a particular software component that adds a specific feature to an existing software application. Plugins extends and expands the functionality of CMS.

Example of plugins: Web browsers plugins which can be “search engine, virus scanners, and Adobe flash plugins” e.t.c. conclusively plugins helps to expand the functionality of the web-browsers.


Which is known as the “Cascading Style Sheets” is used in giving a html layout its “design and styles” needed i.e. its look and formatting (layouts, colours and fonts).


PHP is also a scripting language designed for web development but also used as a general-purpose programming language. PHP codes are mostly mixed with HTML codes. A PHP code is processed by a PHP interpreter.


Website development  is a very interesting course/profession and also very easy to learn provided you started from the basic to the advanced.