Cesar Mendivil 70317f95f8 Add Requiner font and styles for Logo component
- Introduced @font-face for Requiner font with multiple source paths.
- Created .logo-text class to apply Requiner font with normal weight and letter-spacing.
- Added .logo-text-bold class for bold text styling, including text-stroke for enhanced visibility.
2025-11-06 15:20:09 -07:00

30 lines
981 B
CSS

/* Requiner Font for Logo Component */
@font-face {
font-family: 'Requiner';
src: url('/fonts/Requiner-6RRLM.woff') format('woff'),
url('/assets/Requiner-6RRLM.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Force Requiner font for logo text */
.logo-text {
font-family: 'Requiner', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.logo-text-bold {
font-family: 'Requiner', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Forzar bold visible con text-stroke */
-webkit-text-stroke: 0.2px currentColor;
paint-order: stroke fill;
}