Font

What guidelines are there for deciding between using a system font or a custom font on the web?

What guidelines are there for deciding between using a system font or a custom font on the web?
  1. What are some factors you should consider when selecting a font to be used on a responsive website?
  2. Which is the best rule to follow when you decide on the number of fonts to use?

What are some factors you should consider when selecting a font to be used on a responsive website?

The font size on a website should be responsive to the screen size that displays it. In general, a font should be 12-16pt on a mobile screen, 15-19pt on a tablet, and 16-20pt on a desktop computer screen. Factors like type size, line height, and line length should also be considered.

Which is the best rule to follow when you decide on the number of fonts to use?

In general, limit the number of font families to a minimum (two is plenty, one is often sufficient) and stick to the same ones through the entire website. If you do use more than one font, ensure the font families complement each other based on their character width. Take the example of fonts combinations below.

Width Should scrollbars be integrated into the viewport width when content differs?
Should scrollbars be integrated into the viewport width when content differs?
Does view width include scrollbar?Why does 100vw includes scrollbar?What does width 100vw do?What is viewport width 100vw? Does view width include s...
Attributes Adding new attributes to a screen
Adding new attributes to a screen
How do I add a new attribute?How do I add Attributes to my property at runtime?What is used to add Attributes to the model? How do I add a new attri...
Breadcrumbs Are breadcrumbs necessary on the home page?
Are breadcrumbs necessary on the home page?
Breadcrumbs are an important part of almost every good website. These little navigational aids don't just tell people where they are on your site, but...