# HASH Serif (KH Giga) (/foundations/type/serif)



<div className="hd-typeface">
  ## Specimen [#specimen]

  <TypefaceSpecimen face="giga" />

  HASH Serif has an extremely limited role in our typography. Use KH Giga for selected direct quotes from people and short editorial callouts, generally in marketing and sales material. Its pronounced serifs work best in brief passages at generous sizes, with HASH Sans handling the surrounding copy.

  ## When to use Serif [#when-to-use-serif]

  * **A person's words:** a customer testimonial, an interview excerpt, or a pull quote in a case study. Keep the wording exact and set the person's name and role in HASH Sans.
  * **An editorial callout:** a short passage in a presentation, campaign page, or sales document where a change of typeface helps distinguish it from the main explanation.
  * **An occasional display line:** a brief introduction or section opener in a designed marketing layout. Use this sparingly so the exception remains meaningful.

  Use Regular as a starting point. Give the letterforms room, check line breaks at the final size, and keep contrast high. Keep product headings, body copy, navigation, buttons, forms, and data tables in [HASH Sans](/foundations/type/sans-serif). Standard product notices and status callouts also use HASH Sans.

  ## Available weights [#available-weights]

  Five weights: &#x2A;*Light (300), Regular (400), Medium (500), Bold (700), and Black (900)**. Start with Regular for quotes and short editorial passages. Light needs generous size and contrast; the heavier weights suit occasional display lines. Keep every weight within Serif’s limited role in marketing and sales material.

  <TypefaceWeights face="giga" />

  ## OpenType features [#opentype-features]

  These examples use the site's KH Giga Regular font. Stylistic sets change letters or punctuation; numeric features control figure width, height, and notation. Choose **Side-by-side** to compare both states or **Overlay** to switch a larger specimen in place. In Overlay view, use the On/Off switch beside each feature name.

  <TypefaceFeatureViews>
    <div className="hd-face-view-heading">
      ### Stylistic alternates [#stylistic-alternates]

      <TypefaceFeatureViewControl />
    </div>

    <TypefaceFeatures face="giga" group="stylistic" />

    ### Numbers and notation [#numbers-and-notation]

    Use lining figures for standalone numbers and oldstyle figures when their changing height suits an editorial passage. Tabular figures align values; proportional figures follow each digit's width.

    <TypefaceFeatures face="giga" group="numeric" />

    ### Typesetting features [#typesetting-features]

    Keep kerning, ligatures, contextual alternates, and accent handling enabled for normal setting. The contextual example shows T adjusting before y. The accent examples are diagnostic sequences: watch the dot on j, the accent over H, and the stacked accents over n. Common sequences such as A plus diaeresis can become a precomposed glyph before these features run, making an Off/On comparison identical.

    <TypefaceFeatures face="giga" group="shaping" />
  </TypefaceFeatureViews>

  ```css
  /* An alternate lowercase a. */
  font-feature-settings: "ss01" 1;

  /* Proportional oldstyle figures in an editorial passage. */
  font-variant-numeric: oldstyle-nums proportional-nums;
  ```

  ## Character set [#character-set]

  <TypefaceGlyphs face="giga" />

  The grid covers visible encoded characters, followed by numeric and stylistic variants. Spacing and unencoded composition glyphs are not separate letters to type.

  ## Language support [#language-support]

  <TypefaceLanguages face="giga" />

  ## Licensing [#licensing]

  <TypefaceLicense face="giga" />

  See [HASH Sans](/foundations/type/sans-serif) and [HASH Mono](/foundations/type/mono), or return to [Typography](/foundations/type) for text styles and usage guidance.
</div>