La clase de familia de fuentes Bulma se utiliza para establecer la familia de fuentes. Hay 5 clases de familias tipográficas en Bulma. Puede cambiar la familia de fuentes con el uso de uno de los 5 ayudantes de familias de fuentes.
Familia de fuentes Clases:
- is-family-sans-serif: esta clase se utiliza para establecer la familia de fuentes de family-sans-serif.
- is-family-monospace: esta clase se utiliza para establecer la familia de fuentes de family-monospace.
- is-family-primary: esta clase se utiliza para establecer la familia de fuentes de family-primary.
- is-family-secundario: esta clase se utiliza para establecer la familia de fuentes de family-secundario.
- is-family-code: esta clase se utiliza para establecer la familia de fuentes de family-code.
Ejemplo: El siguiente ejemplo ilustra la clase de familia de fuentes en Bulma.
HTML
<!DOCTYPE html> <html> <head> <title>Bulma Typography</title> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-2 has-text-success"> GeeksforGeeks </h1> <b>Bulma Font family</b> <br> <div class="container"> <p class="is-size-5 is-family-sans-serif">GeeksforGeeks</p> <p class="is-size-5 is-family-monospace">GeeksforGeeks</p> <p class="is-size-5 is-family-primary">GeeksforGeeks</p> <p class="is-size-5 is-family-secondary">GeeksforGeeks</p> <p class="is-size-5 is-family-code">GeeksforGeeks</p> </div> </body> </html>
Producción:
Referencia: https://bulma.io/documentation/helpers/typography-helpers/#font-family
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA