My workflow building a website
- Generate web fonts https://transfonter.org/
- Add font preload in head tag e.g.
<link rel="preload" href="fonts/Roboto.woff2" as="font" type="font/woff2" crossorigin /> - Load fonts with @font-face in CSS. local rule should be avoided because local fonts may have vertical metrics issue.
- Generate favicon https://realfavicongenerator.net/