@font-face {
    font-family: 'Avenir';
    src: url('/assets/fonts/avenir/Avenir Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  /* Avenir Book */
  @font-face {
    font-family: 'Avenir';
    src: url('/assets/fonts/avenir/Avenir Book.ttf') format('truetype');
    font-weight: 400; /* o 500, según cómo la quieras usar */
    font-style: normal;
    font-display: swap;
  }
  
  /* Avenir Regular */
  @font-face {
    font-family: 'Avenir';
    src: url('/assets/fonts/avenir/Avenir Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  /* Avenir Heavy */
  @font-face {
    font-family: 'Avenir';
    src: url('/assets/fonts/avenir/Avenir Heavy.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  /* Avenir Black */
  @font-face {
    font-family: 'Avenir';
    src: url('/assets/fonts/avenir/Avenir Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }