Familia tipográfica Bulma

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:

Familia tipográfica Bulma

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *