/*
=========================================
COPYART - OPTIMIZACIÓN DE FUENTES
=========================================

Este archivo se enfoca únicamente en la optimización 
de la carga de fuentes para mejorar el rendimiento.

Los estilos principales están en main.css
*/

/* Precargar fuentes críticas - Glyphicons */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('./fonts/glyphicons-halflings-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Mejora el rendimiento de carga */
}

/* Fallback para fuentes no críticas - Glyphicons */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('./fonts/glyphicons-halflings-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Optimización para Font Awesome */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Configuración de fuentes del sistema como fallback - removido para evitar conflictos con main.css */
/* El font-family del body está definido en main.css */

/* Optimización para iconos */
.glyphicon {
  font-display: swap;
}

/* Preload de fuentes críticas en el head */
@media (preload) {
  @font-face {
    font-family: 'Glyphicons Halflings';
    src: url('./fonts/glyphicons-halflings-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
}

/* Optimización para conexiones lentas */
@media (max-width: 768px) {
  .glyphicon {
    font-display: fallback;
  }
}

/* Configuración para mejorar el rendimiento de fuentes */
* {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}