# HASH Sans (KH Teka) (/foundations/type/sans-serif)



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

  <TypefaceSpecimen face="teka" />

  HASH Sans is our default for headings, body copy, navigation, labels, and actions. Use KH Teka wherever people read or interact with HASH. Apply the shared text styles for consistent size, weight, and spacing; use tabular figures when values need to align.

  ## Available weights [#available-weights]

  Five weights: &#x2A;*Light (300), Regular (400), Medium (500), Bold (700), and Black (900)**. Regular is the default for reading; Medium adds emphasis to labels and actions. Use Bold and Black selectively for stronger headings, and check Light at the intended size and contrast.

  <TypefaceWeights face="teka" />

  ## OpenType features [#opentype-features]

  Each example uses the site's Regular font, with the OpenType tag beside its name. 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. Captions point out subtle changes; a substitution that looks identical is described without a misleading before/after pair.

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

      <TypefaceFeatureViewControl />
    </div>

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

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

    Numeral width and numeral height are separate choices: tabular and proportional figures can each be paired with lining or oldstyle forms. Keep tabular figures for aligned values, and use proportional figures where spacing should follow the shape of each digit.

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

    ### Typesetting features [#typesetting-features]

    These features handle punctuation, composition, and positioning. Leave automatic composition and accent positioning enabled in normal text. The diagnostic examples deliberately use separate combining marks that remain separate glyphs in this font: 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="teka" group="shaping" />
  </TypefaceFeatureViews>

  The `aalt` (access all alternates) feature exposes the font's alternate glyphs to applications with a glyph palette. On the web, select a specific stylistic set using `font-feature-settings`. Leave composition and mark positioning enabled for normal text.

  ```css
  /* A single-storey a. */
  font-feature-settings: "ss11" 1;

  /* Aligned, full-height figures. */
  font-variant-numeric: lining-nums tabular-nums;
  ```

  ## Character set [#character-set]

  <TypefaceGlyphs face="teka" />

  The grid covers encoded visible characters and the numeric and stylistic variants above. Font files also contain spacing, composition, and unencoded glyphs; those are not separate letters to type. Roman and circled numerals are Unicode characters, while oldstyle and tabular figures are OpenType settings on ordinary digits.

  ## Language support [#language-support]

  <TypefaceLanguages />

  ## Licensing [#licensing]

  <TypefaceLicense face="teka" />

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