Lessons

Specifying default fonts

Most of the sites use custom fonts. But it takes at least 0.2 seconds from the moment the page is opened to the font files are loaded. All this time the user sees the standard text design.

Abrupt change of the default font to the plug-in font should be avoided. This shaking attracts the visitor’s attention and distracts him from the process of exploring the site.

Choose a platform-independent default font in the same family as the custom ones. Ready sets are here.

There are 2 ways to specify fonts:

  • In the <body> tag of the HTML code of the page, specify the fonts in the style attribute like this <body style="font-family: Tahoma, Verdana, sans-serif">.
  • Add CSS code for the body tag to the HTML code of the page like this body {ldelim}font-family: Tahoma, Verdana, sans-serif{rdelim}
Check your website
It's free and will take from 11 to 45 seconds

We use cookies. By continuing to use the site, you agree to the processing of personal data in accordance with privacy policy. I agree