Web
04/01/2026
Canvi de Font a Outfit en Tot el Projecte Blog
Explicació del canvi de font tipogràfica a 'Outfit' en totes les pàgines del blog per millorar la consistència visual.
🎨 Canvi de Font Tipogràfica
He implementat un canvi global de font tipogràfica en tot el projecte blog per millorar la coherència visual i l'experiència d'usuari.
Què s'ha fet:
- Font seleccionada: 'Outfit' de Google Fonts
- Arxiu modificat: includes/head.php
- Abast: Totes les pàgines del blog
- Colors personalitzats: Afegits classes .success, .error, .warning, .info
Implementació Tècnica:
S'ha afegit el següent codi CSS al fitxer includes/head.php:
<style>
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap');
body { font-family: 'Outfit', sans-serif; background-color: #f8fafc; }
.success { color: #10b981; }
.error { color: #ef4444; }
.warning { color: #f59e0b; }
.info { color: #3b82f6; }
</style>Beneficis:
- ✨ Consistència visual: La mateixa font en totes les pàgines
- 🎯 Millor llegibilitat: Font moderna i professional
- 🔧 Manteniment fàcil: Canvi centralitzat en un sol fitxer
- 📱 Responsive: Funciona bé en tots els dispositius
Pàgines afectades:
- 🏠 Pàgina principal (index.php)
- 📝 Llistat de posts (posts.php)
- 📖 Vista detallada de posts (post_detail.php)
- 📊 Taula de posts (posts-table.php)
- 📁 Explorador de fitxers (file-explorer.php)
- 🤖 Guia GitHub Copilot (github-copilot-guide.php)
Aquest canvi millora significativament l'aparença general del blog mantenint la funcionalitat intacta.
