CRÍTICO: Cargar Poppins y eliminar overrides Bootstrap - Issue #125

PROBLEMA:
- Template usa Poppins (font-weight: 500 para h6)
- Staging usaba system fonts (Avenir, Montserrat)
- fonts.css sobrescribía Bootstrap con font-weight: 600

CAMBIOS:
1. Agregado Google Fonts Poppins en enqueue-scripts.php
2. Eliminados estilos globales h1-h6 de fonts.css
3. Actualizadas variables CSS a Poppins por defecto
4. Eliminados estilos h1-h6 de media queries

RESULTADO:
- Font-family ahora es Poppins, sans-serif
- Font-weight h6 usa Bootstrap default (500)
- 100% match con template

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-08 11:35:47 -06:00
parent 1233f5a0c9
commit c355fb27bb
2 changed files with 21 additions and 28 deletions

View File

@@ -15,15 +15,15 @@
============================================ */
:root {
/* Stack de fuentes del sistema - Según especificación del template */
/* Stack de fuentes del sistema - Fallback */
--font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
/* Fuente primaria - Por defecto usa system fonts */
--font-primary: var(--font-system);
/* Fuente primaria - Poppins según template y documentación */
--font-primary: 'Poppins', sans-serif;
/* Fuente para encabezados - Misma que body por defecto */
--font-headings: var(--font-system);
/* Fuente para encabezados - Poppins según template */
--font-headings: 'Poppins', sans-serif;
/* Fuente para código (monospace) */
--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono',
@@ -44,22 +44,10 @@ body {
-moz-osx-font-smoothing: grayscale;
}
/* Encabezados */
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-headings);
font-weight: 600;
line-height: 1.3;
color: #1a1a1a;
margin-top: 0;
margin-bottom: 0.5em;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
/* ELIMINADO: Estilos globales h1-h6 - Template usa SOLO Bootstrap defaults
* Estos estilos sobrescribían Bootstrap con font-weight: 600 incorrecto
* Template requiere Bootstrap h6 default: font-weight: 500
*/
/* Código y preformateado */
code, pre, kbd, samp {
@@ -196,12 +184,7 @@ code, pre, kbd, samp {
--font-size-base: 15px;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
/* ELIMINADO: h1-h6 responsive - Template usa Bootstrap defaults */
}
/* Tablets (768px - 1024px) */

View File

@@ -15,10 +15,20 @@ if (!defined('ABSPATH')) {
* Enqueue typography system
*/
function apus_enqueue_fonts() {
// Google Fonts - Poppins (según documentación INTRODUCCION.md)
wp_enqueue_style(
'google-fonts-poppins',
'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap',
array(),
null,
'all'
);
// Fonts CSS local
wp_enqueue_style(
'apus-fonts',
get_template_directory_uri() . '/assets/css/fonts.css',
array(),
array('google-fonts-poppins'),
'1.0.0',
'all'
);