A bit about 18Franklin

18Franklin was developed by 18F as a fork of Libre Franklin. It has some significant and some subtle differences from its parent font. It should be suitable for reading or for headings, but cloud.gov uses it mostly for dashboard UI.

The typeface is under active development in 2016 and 2017. Get most recent version or contribute to its development at https://github.com/18F/18franklin.

<div class="pattern">
    <div class="pattern-example font-sans lh-single sans-s10">18Franklin</div>
    <div class="pattern-title sans-s5 fw700">sans serif</div>
    <div class="pattern-code mono-s3 fw300">.font-sans</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s10">Georgia</div>
    <div class="pattern-title sans-s5 fw700">serif</div>
    <div class="pattern-code mono-s3 fw300">.font-serif</div>
</div>

<div class="pattern">
    <div class="pattern-example font-mono lh-single mono-s10">Roboto Mono</div>
    <div class="pattern-title sans-s5 fw700">monospaced</div>
    <div class="pattern-code mono-s3 fw300">.font-mono</div>
</div>
<div class="pattern">
  <div class="pattern-example font-sans lh-single sans-s10">18Franklin</div>
  <div class="pattern-title sans-s5 fw700">sans serif</div>
  <div class="pattern-code mono-s3 fw300">.font-sans</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s10">Georgia</div>
  <div class="pattern-title sans-s5 fw700">serif</div>
  <div class="pattern-code mono-s3 fw300">.font-serif</div>
</div>

<div class="pattern">
  <div class="pattern-example font-mono lh-single mono-s10">Roboto Mono</div>
  <div class="pattern-title sans-s5 fw700">monospaced</div>
  <div class="pattern-code mono-s3 fw300">.font-mono</div>
</div>
/* No context defined for this component. */