To best represent different writings on all terminals, according to responsive Web design, we use vector fonts. Vector fonts are freely adjustable and do not lose quality when the writing is enlarged. This type of font differs from the matrix font (or font bitmap), which will allow the design of various writings on the basis of a set of small points (pixels).
However, vector fonts like all other vector graphics for example, cannot be displayed on a desktop computer screen without conversion if they are only compatible with raster graphics. This is why these vectors first pass through rasterization allowing illustrations and raster pixels to emerge on the screen.
Using vector fonts, you can guarantee the readability of a font in all circumstances according to the criteria of responsive Web design. To design a font individually and not depend on a few fonts previously installed on different device types, you can integrate the one of your choice via CSS on your website.
Read parts 2 and 3 of our guide to responsive typographies to first find out which typographies are suitable for responsive Web design or how to set up responsive typography with CSS.
