Foundation CSS Typography facilita el estilo predeterminado limpio y simple, con un estilo atractivo para los elementos tipográficos básicos, que mejoran la legibilidad. Se puede definir para encabezados, párrafos, listas, otros componentes en línea, etc., lo que ayuda a crear un estilo atractivo para los elementos.
La lista completa de la tipografía Foundation CSS se enumera a continuación:
- Tipografía base de CSS de la fundación
- Foundation CSS Base Tipografía Párrafos
- Encabezado de tipografía base de CSS básico
- Vínculos de tipografía básica CSS de Foundation
- Divisores de tipografía base CSS de Foundation
- Foundation CSS Base Typography Listas desordenadas
- Foundation CSS Tipografía base Listas ordenadas
- Listas de definición de tipografía base CSS de Foundation
- Citas en bloque de tipografía base de CSS de la fundación
- Foundation CSS Base Tipografía Abreviaturas
- Código de tipografía base CSS de Foundation
- Foundation CSS Base Tipografía Pulsaciones de teclas
- Foundation CSS Base Tipografía Accesibilidad
- Estilos de impresión de tipografía básica de CSS de Foundation
- Fundación CSS Base Tipografía Sass Referencia
- Ayudantes de tipografía CSS de la Fundación
- Foundation CSS Typography Helpers Alineación de texto
- Subtítulo de Ayudantes de Tipografía de CSS de la Fundación
- Foundation CSS Typography Helpers Párrafo principal
- Foundation CSS Typography Helpers Lista sin viñetas
- Foundation CSS Typography Helpers Typescale
- Foundation CSS Typography Helpers Estadísticas
- Foundation CSS Typography Helpers Sass Reference
El siguiente ejemplo le dará una breve idea sobre la tipografía de Foundation CSS:
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title> Foundation CSS Base Typography </title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" crossorigin="anonymous" /> </head> <body> <center> <h1 style="color: green">GeeksforGeeks</h1> <h5>Foundation CSS Base Typography Keystrokes</h5> <p> Press <kbd>ctrl + esc</kbd> to exit the game. </p> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA