Fonts

<section id="sans" class="usa-grid">
    <h4 class="usa-heading-alt">Montserrat (<tt>.usa-sans</tt>)</h4>

    <div class="usa-grid-full">
        <div class="usa-width-one-half">
            <p>Montserrat was developed by Julieta Ulanovsky in 2010. She describes the font as, "The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspired me to design a typeface that rescues the beauty of urban
                typography from the first half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License."</p>

        </div>

        <div class="usa-sans typography-sans-intro usa-width-one-half usa-end-row">
            <span class="text-huge">Aa</span>
            <div>
                <p class="text-tiny">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
                <p class="text-tiny">a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
                <p class="text-tiny">0 1 2 3 4 5 6 7 8 9</p>
            </div>
        </div>
    </div>
</section>

<section id="serif" class="usa-grid">
    <h4 class="usa-heading-alt">Sorts Mill Goudy (<tt>.usa-serif</tt>)</h4>

    <div class="usa-grid-full">
        <div class="usa-width-one-half">
            <p>Sorts Mill Goudy is a revival of Frederic Goudy's 'Goudy Oldstyle' with Regular and Italic styles, and extended Latin character coverage. Frederic Goudy was an Illinois printer, artist, and type designer.</p>

        </div>

        <div class="usa-serif typography-serif-intro usa-width-one-half usa-end-row">
            <span class="text-huge">Aa</span>
            <div>
                <p class="text-tiny">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
                <p class="text-tiny">a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
                <p class="text-tiny">0 1 2 3 4 5 6 7 8 9</p>
            </div>
        </div>
    </div>
</section>

<style scoped>
    .text-tiny {
        margin: 5px initial 0;
    }

    .text-tiny:first-child {
        margin-top: 0;
    }

    .text-huge {
        font-size: 140px;
        line-height: 1.05;
    }

    .text-tiny {
        font-size: 15px;
    }

    .typography-serif-intro .text-huge {
        font-size: 120px;
        line-height: 1.275;
    }

    .typography-serif-intro .text-tiny {
        font-size: 13px;
    }
</style>

There are no notes for this item.

{% for face in typefaces %}
<section id="{{ face.id }}" class="usa-grid">
  <h4 class="usa-heading-alt">{{ face.name }} (<tt>.usa-{{ face.id }}</tt>)</h4>

  <div class="usa-grid-full">
    <div class="usa-width-one-half">
      {{ face.description }}
    </div>

    <div class="usa-{{ face.id }} typography-{{ face.id }}-intro usa-width-one-half usa-end-row">
      <span class="text-huge">Aa</span>
      <div>
        <p class="text-tiny">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
        <p class="text-tiny">a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
        <p class="text-tiny">0 1 2 3 4 5 6 7 8 9</p>
      </div>
    </div>
  </div>
</section>
{% endfor %}

<style scoped>
  .text-tiny {
    margin: 5px initial 0;
  }

  .text-tiny:first-child {
    margin-top: 0;
  }

  .text-huge {
    font-size: 140px;
    line-height: 1.05;
  }

  .text-tiny {
    font-size: 15px;
  }

  .typography-serif-intro .text-huge {
    font-size: 120px;
    line-height: 1.275;
  }

  .typography-serif-intro .text-tiny {
    font-size: 13px;
  }
</style>
package:
  name: uswds
  version: 1.6.7
uswds:
  path: ../../dist
typefaces:
  - id: sans
    name: Montserrat
    description: >
      <p>Montserrat was developed by Julieta Ulanovsky in 2010. She describes
      the font as, "The old posters and signs in the traditional neighborhood of
      Buenos Aires called Montserrat inspired me to design a typeface that
      rescues the beauty of urban typography from the first half of the
      twentieth century. The goal is to rescue what is in Montserrat and set it
      free, under a free, libre and open source license, the SIL Open Font
      License."</p>
  - id: serif
    name: Sorts Mill Goudy
    description: >
      <p>Sorts Mill Goudy is a revival of Frederic Goudy's 'Goudy Oldstyle' with
      Regular and Italic styles, and extended Latin character coverage. Frederic
      Goudy was an Illinois printer, artist, and type designer.</p>