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:
@@ -15,15 +15,15 @@
|
|||||||
============================================ */
|
============================================ */
|
||||||
|
|
||||||
:root {
|
: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,
|
--font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
||||||
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
||||||
|
|
||||||
/* Fuente primaria - Por defecto usa system fonts */
|
/* Fuente primaria - Poppins según template y documentación */
|
||||||
--font-primary: var(--font-system);
|
--font-primary: 'Poppins', sans-serif;
|
||||||
|
|
||||||
/* Fuente para encabezados - Misma que body por defecto */
|
/* Fuente para encabezados - Poppins según template */
|
||||||
--font-headings: var(--font-system);
|
--font-headings: 'Poppins', sans-serif;
|
||||||
|
|
||||||
/* Fuente para código (monospace) */
|
/* Fuente para código (monospace) */
|
||||||
--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono',
|
--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono',
|
||||||
@@ -44,22 +44,10 @@ body {
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Encabezados */
|
/* ELIMINADO: Estilos globales h1-h6 - Template usa SOLO Bootstrap defaults
|
||||||
h1, h2, h3, h4, h5, h6 {
|
* Estos estilos sobrescribían Bootstrap con font-weight: 600 incorrecto
|
||||||
font-family: var(--font-headings);
|
* Template requiere Bootstrap h6 default: font-weight: 500
|
||||||
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; }
|
|
||||||
|
|
||||||
/* Código y preformateado */
|
/* Código y preformateado */
|
||||||
code, pre, kbd, samp {
|
code, pre, kbd, samp {
|
||||||
@@ -196,12 +184,7 @@ code, pre, kbd, samp {
|
|||||||
--font-size-base: 15px;
|
--font-size-base: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 { font-size: 2rem; }
|
/* ELIMINADO: h1-h6 responsive - Template usa Bootstrap defaults */
|
||||||
h2 { font-size: 1.75rem; }
|
|
||||||
h3 { font-size: 1.5rem; }
|
|
||||||
h4 { font-size: 1.25rem; }
|
|
||||||
h5 { font-size: 1.125rem; }
|
|
||||||
h6 { font-size: 1rem; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tablets (768px - 1024px) */
|
/* Tablets (768px - 1024px) */
|
||||||
|
|||||||
@@ -15,10 +15,20 @@ if (!defined('ABSPATH')) {
|
|||||||
* Enqueue typography system
|
* Enqueue typography system
|
||||||
*/
|
*/
|
||||||
function apus_enqueue_fonts() {
|
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(
|
wp_enqueue_style(
|
||||||
'apus-fonts',
|
'apus-fonts',
|
||||||
get_template_directory_uri() . '/assets/css/fonts.css',
|
get_template_directory_uri() . '/assets/css/fonts.css',
|
||||||
array(),
|
array('google-fonts-poppins'),
|
||||||
'1.0.0',
|
'1.0.0',
|
||||||
'all'
|
'all'
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user