Blaze UI es un kit de herramientas de interfaz de usuario de código abierto gratuito que proporciona una excelente estructura para crear sitios web rápidamente con una base escalable y mantenible. Todos los componentes de la interfaz de usuario de Blaze se desarrollan primero para dispositivos móviles y se basan únicamente en las funciones nativas del navegador, no en una biblioteca o marco por separado. Nos ayuda a crear un sitio web escalable y receptivo de manera rápida y eficiente con un estilo consistente.
En este artículo, aprenderemos sobre Blaze UI Typography Monospaced . Blaze UI Typography Monospaced se usa para escribir texto usando la familia de fuentes mono.
Clase:
- .u-text–mono: esta clase establece la familia de fuentes en mono
Sintaxis:
<p class="u-text--mono"> Content </p>
Aprendamos más sobre esto usando ejemplos.
Ejemplo 1: En este ejemplo, usaremos u-text–mono en la etiqueta <p>.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3> Blaze UI Typography Monospaced</h3> <p class="u-text--mono"> GeeksforGeeks is a computer science portal </p> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, usaremos u-text–mono en las etiquetas <span> y <h1>.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3 class="u-text--mono"> Blaze UI Typography Monospaced </h3> <span class="u-text--mono"> GeeksforGeeks is a computer science portal </span> </body> </html>
Producción:
Referencia: https://www.blazeui.com/components/typography/
Publicación traducida automáticamente
Artículo escrito por nikitamehrotra99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA