/**
 * Text Font Preview - Custom Fonts CSS
 * Versión 1.2.0
 * 
 * Este archivo define las fuentes personalizadas usando @font-face
 */

/* Hoshiko Satsuki - Japonesa Elegante */
@font-face {
    font-family: 'Hoshiko Satsuki';
    src: url('../fonts/hoshiko-satsuki.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Rosellia - Script Floral */
@font-face {
    font-family: 'Rosellia';
    src: url('../fonts/rosellia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Cabinet of the Outlander - Vintage */
@font-face {
    font-family: 'Cabinet of the Outlander';
    src: url('../fonts/cabinet-of-the-outlander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Agbalumo - Moderna Redondeada */
@font-face {
    font-family: 'Agbalumo';
    src: url('../fonts/agbalumo-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**
 * Notas:
 * - El orden woff2 > woff > ttf es para optimización de carga
 * - font-display: swap evita el "flash of invisible text" (FOIT)
 * - Solo se cargan las fuentes que realmente uses en la página
 */