/* /css/font-loader.css */

/* Regla para los iconos sólidos (ej: fa-search) */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap; /* <-- LA OPTIMIZACIÓN */
  src: url('../webfonts/fa-solid-900.woff2') format('woff2');
}

/* Regla para los iconos de marcas (ej: fa-facebook) */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap; /* <-- LA OPTIMIZACIÓN */
  src: url('../webfonts/fa-brands-400.woff2') format('woff2');
}

/* (Opcional) Si usas iconos regulares, añade esta regla también */
/* @font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/fa-regular-400.woff2') format('woff2');
} */