How important it is to choose the right web font

One of the most important aspects of writing a good marketing article is making it clear, and what is clearer a good a font?

But what is a font? It is a set of displayable or printable characters using a specific style and size. There are many font families such as Serif and Sans-serif that can be used to write an article.

So how important is a font? And how to choose a good one? Here are some tips on how to choose a good font from doublezerodesign.

First the Font-Size:

A font-size of 12 pixels would be recommended for any type of writing since it makes the reading easier and clearer. 16 to 20 pixels would be great for titles and sub-titles, but they won’t make things easier to read if used for a simple text. So to make it simple, the size should be big enough to be readable but not too big as it will take more space and therefore make the reading unpleasant.

Then the Font-Style:

A good key would be to choose one that is clear enough and doesn’t use other symbols instead of letters. One that is not too curvy so it can be readable, but is not too boring so it can catch the eye. Some of the most used Fonts are Calibri, Times New Roman, Arial, and Verdana. There are some other fonts that can be downloaded for free or bought from the internet, choose one that is simple and readable. It can be from Serif font family or Sans-Serif font family, both would be good for writings.

Here is a simple explanation to differ between Serif and Sans-Serif that will help you choose easily: Sans-serif, also called Gothic, are fonts that don’t have a small line at the end of strokes, Calibri, Lucida Sans, Verdana, and Arial are some of the most known Sans-Serif fonts. That small line at the end of a stroke is called “Serif” derived from the Dutch word “Schreef”, so Serif font family is simply fonts that have a small line at the end of strokes, they are referred to as Roman, some of the most known fonts that are from the Serif font family are Times New Roman, Georgia, Rockwell, Lucida Bright…

And Finally, the Font-Color:

Colors are what attracts the eye the most, they can make your writing clear but can also make it really difficult if you’re not careful enough!

So what are good colors for writing? It depends on your background you won’t use a light blue on a white background or a dark gray on a black one that would make reading harder and can actually hurt the eyes of the reader. Instead, play with contrast, for example, if you have a white background black color would be great, you can also play with other colors and choose deep dark shades of colors you like such as dark gray and crimson, which is a deep dark shade of red. And you guessed it, if you have a dark background you should use light shades such as white or light gray.

Note that white writing on a black background can sometimes hurt the eyes, so be careful.

Don’t be afraid to try different colors! Be creative with your content but don’t use a heavy hand and let it be readable while making people want to read more of it.

5 misunderstood HTML tags ever

HTML, or HyperText Markup Language, is a markup language used to create web pages as well as user interfaces for mobile and web applications along with CSS and JavaScript. It describes the general structure and appearance of a document, to accomplish that it uses many tags to add some content in the page such as <img /> that introduces it directly or <p> … </p> that surrounds the information and can include other tags as sub-elements. HTML can be very easy to learn, but sometimes it isn’t used to its full potential. Here are 5 of the most misunderstood HTML tags that can be unknown to some.

<cite>: It is useful for citing biblical references (or any other reference), just as <blockquote>, the text inside it will generally be rendered in italics by the browser but you still can change its appearance using CSS.

Here is an example of its use :

One of the most read dystopian books is <cite>Nineteen Eighty-Four</cite> by George Orwell.

It would look like this without CSS :

One of the most read dystopian books is Nineteen Eighty-Four by George Orwell.

<address>: This one defines a contact information, as its name says it will allow you to markup addresses in HTML. All you need to do is write the address inside the tags like so :

<address>

221B

Baker Street

London

</address>

As for <cite>, the format can be changed through CSS

<label>: This tag defines a label for an input element, it is one of the most forgotten tags, even if it actually is very useful and is great for styling and makes the element that you specify using “for” attributes clickable. Note that the “for” attribute should be equal to the “id” attribute of your element.

Here is an example of usage :

<label for=”yes”>Yes</label>

<input type=”radio” name=”answer” id=”yes” value=”yes”><br>

<label for=”no”>No</label>

<input type=”radio” name=”answer” id=”no” value=”no”><br>

So here instead of clicking on the radio field, you can click on the text and it will toggle the control.

<fieldset>: <fieldset> will allow you to group related elements inside a box, it will draw a line around them. If you add a <label> tag to it, it will give a title to your box.

As simple as the previous tags, here’s how it can be used :

<fieldset>

First-Name: <input type=”text”><br>

Last-Name: <input type=”text”><br>

Date of birth: <input type=”text”>

</fieldset>

<optgroup>: This one will allow you to define a group of related options in a drop-down list, you can visually choose from the select box easily since it will be sorted as groups.

It can be used for a genre of books, for example.

<select id = “books” name = “books”>

<optgroup label=”Kids”>

<option value=”totoro”>Totoro</option>

<option value=”caillou”>Caillou</option>

</optgroup>

<optgroup label=”Fantasy”>

<option value=”hp”>Harry Potter</option>

<option value=”lotr”>Lord of the Rings</option>

</optgroup>

</select>

Many other tags are still forgotten to the programming world, we should try to bring them back to life for most of them are more useful than we think.

I hope that this article will be useful for those who just started learning HTML, as for experts I suppose that most of you know how to use these tags.