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 {
|
||||
/* 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) */
|
||||
|
||||
@@ -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'
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user