All about the world of websites. Helpful guides and tipshow to create a professional website in a few steps

How to Change Font in HTML

How to Change Font in HTML

By daniele

When you are about to design a website, as it should be, it gives great importance to design and all those visual aspects that contribute to customer interaction. One aspect that definitely needs to be taken into account is the choice of the right font.  Also known as typeface, the font is able to influence visitor engagement by immediately conveying a first impression of the page. Only by analyzing the characters, a page can appear to us messy, eccentric, elegant and invoke a series of various emotions; in short, the characters can convey different sensations and, if well thought out, help to keep the viewer’s attention high.

The choice of the right font

Regardless of personal or public tastes, the first fundamental requirement that must satisfy a font is the readability, which is bound, of course, by the character itself but also by its size or its color. This as simple as obvious feature is of paramount importance to transmit reliability to the consumer and, in case, to convince him to buy a product or a service on the website. In the evaluation of the right font it is also important to opt for the group known as san serif and that is all those characters without any typographic embellishments considered instead optimal for the printed paper. This is because, on the monitor, the serif characters get the opposite effect compared to printing, affecting the readability and making the text less understandable at first sight. The size is also important: it seems that for a screen the ideal font dimension is around 16px. The variation in the size of the text is also an element to be exploited. Splitting it into paragraphs and subparagraphs, using different sizes, will make the scanning process easier for the user allowing a more free and organized reading.

Best fonts for the web  

Working on the design of a website it is advisable to rely on that series of fonts that are considered “safe” because of their presence in most PCs systems on the market. The fonts that find greater use between different websites are:

  • Arial
  • Verdana
  • Courier
  • Times New Roman
  • Helvetica
  • Georgia
  • Sans-Serif

If you want to proceed to the implementation of one of the types of characters just listed you will have to proceed that way. it is necessary to prefix the <FONT> tag to the text and add the FACE attribute in which you have to specify the type of character chosen to then finish the tag by typing </FONT>.

  1. <font face=”Verdana”>Testo in Verdana</font> 

Actually the wisest choice would be to insert a larger number of fonts so that the browser uses this hierarchical scale to propose the first font compatible with the user’s operating system.

  1. <font face=”Times New Roman, Times, serif”>Example </font>

The font tag has recently fallen into disuse after the arrival of the style sheets in CSS but, however, it is still working and represents a quick solution to edit documents in HTML.




%d bloggers like this: