How can I choose a good English font for the website?

The author of this article, Stuart de Rozario, is an award-winning font designer who works in the boutique font design Studio Fontsmith and has a very deep understanding of accessibility design.

Inclusive design is a hot topic, it rejects the minority to obey the majority, also does not let the majority cooperate the minority, but maintains the widespread attention to the populace, creates the good design which has the sufficient inclusiveness. At this level, the accessibility of the design must be good enough to make it easy and easy for everyone to enjoy the results of the design, good contrast, pervasive interaction patterns, and the most correct font selection we can raise.

It is worth mentioning that not only do the public agency's web site need to pay attention to the choice of excellent accessibility fonts, brand and corporate Web site font selection also needs to be carefully selected. But how do you determine which fonts are appropriate? Does that mean compromising on design?

does not necessarily. Today we'll talk about the choice of English fonts, and the following 12 tips should give you enough help to choose an English font that is inclusive and accessible. (Note that this is a question of choosing fonts that are as clear as possible for everyone to read, and looking for functional fonts that show, personalize, and strongly form.) )

1, try not to choose those who look very childlike fonts, there is no need for this. This is a fairly common mistake, and the reason is clear: when choosing a highly inclusive, accessible font, its balance and practicality are as important as personalization.

2, some font design style will allow a certain number of letters between the recognition of the lower. The most common is the identification problem between the number "8″" and the uppercase "B", The uppercase "I (i)" and the lowercase letter "L (L)". Selecting a font with a serif allows the lowercase letter "I" and the uppercase letter "I" to be better identified, even on a smaller screen. If the lowercase letter "a" in the font is a two-tier structure, it can be well separated from the lowercase letter "O".

3, if you need to use less text in the title or headline position, and the font size in 16pt and above, then the use of strokes more stretch, both inside and outside the space is relatively large non liner is quite good.

PT is point, and we often say PX refers to Pixel Pixel, there are obvious differences between the two. The PT originates in the plane printing field, refers to 1/72 inches, is a fixed length, and px refers to the pixel point, on the iphone 3GS 5px physical length and the iphone 6s on the physical length of 5px is not the same, the former due to low pixel density, resulting in a longer 5px physical length. So, PX is a "relative length" unit, and PT is an "absolute length" unit.

4, when choosing a Web page font, try to choose the height of the larger x font. The x height-covered area is the main body of the reading, while the upper and lower sections provide sufficient recognition for each letter. The ascending part should be a little higher than the capital letter.

The x height is usually referred to as the average height of the lowercase letter, and the reason why it is called the x height is that it should usually take the letter x as a reference. Parts such as the letter "H" and "F" that exceed the height of the x are called Ascender, which is the upper extension part. Where the letters "P" and "G" are below the height of X are called Descender, which is the descending part.