What are the common types of custom font formats used in web design?

The common types of custom font formats used in web design are:

1. **WOFF (Web Open Font Format)**:
   - WOFF is the preferred font format for web design due to its efficient compression and compatibility across modern browsers. It offers better compression than TTF or OTF, resulting in faster download times and improved performance.

2. **WOFF2 (Web Open Font Format 2)**:
   - WOFF2 is a newer version of the WOFF format and provides even better compression than WOFF. It further reduces font file size while maintaining quality, making it ideal for optimizing web font loading performance.

3. **TTF (TrueType Font)**:
   - TTF is a widely used font format that works well for web design. It is supported by most browsers and operating systems and provides good compatibility across different platforms.

4. **OTF (OpenType Font)**:
   - OTF is another common font format used in web design. It offers advanced typographic features and supports various languages and character sets. However, OTF files can be larger in size compared to WOFF or WOFF2.

5. **EOT (Embedded OpenType)**:
   - EOT is a font format developed by Microsoft specifically for Internet Explorer. While less commonly used today, it was previously used to ensure cross-browser compatibility for custom fonts. It includes features for digital rights management (DRM) and has limited support in modern browsers.

6. **SVG (Scalable Vector Graphics)**:
   - SVG fonts are based on vector graphics and are less common in web design compared to other font formats. They are primarily used for displaying icons or symbols and offer scalability without loss of quality. However, SVG fonts have limited support and are less efficient for text rendering compared to WOFF or WOFF2.

Among these formats, WOFF and WOFF2 are the most widely used and recommended for web design due to their efficient compression, broad browser support, and optimization for web font loading performance.