CSS Frontend SEO

Using custom fonts in CSS

On the frontend design, we are apparently facing image blurring issue when we try to use png or svg files as icons or logos. Especially the image blurring issue is happening when we scale the image size.

To fix this issue and keep the high resolution of image, and also to improve the site loading speed, we can use the custom fonts including all of those icons and logos as a font file.

Resources:

  1. Free online tool to create the custom fonts.
  2. https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
  3. https://support.google.com/richmedia/answer/7214245?hl=en

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *