Familia Herlequin

Name: Familia Herlequin
Author: Victor Tkachenko

Familia Herlequin commands attention with bold, distinctive characters crafted for headlines and visual impact.

Scroll to explore

Displayby Victor Tkachenko67% Accessible

Characters256

Glyphs307

Typography Tools

Best Ways to Use Familia Herlequin

Best Font Pairings for Familia Herlequin

TypeSmith curates 4 expert font pairings for Familia Herlequin, including combinations with Stixs, Gaveliana and Script No Script.

Each pairing includes accessibility ratings, expert reasoning, and usage recommendations for web and print design.

Explore 4 Pairings for Familia Herlequin

Test Familia Herlequin Font Pairings Live

TypeSmith's interactive testing tool lets you preview Familia Herlequin with any font combination in real-time, optimized for display characteristics.

Adjust font sizes, weights, and see live typography specimens including editorial layouts, code editors, and UI components.

Test Familia Herlequin Pairings Live

In Context

Familia Herlequin Specimen Gallery

UI ComponentsPosterWordmark

Email Address

Password

Familia Herlequin Typography

A display typeface for UI components.

Active2 weights available

DefaultInfoSuccessWarningError

Familia Herlequin Specimen

Familia Herlequin

Familia Herlequin is a display typeface by Victor Tkachenko built for display contexts.

2 WeightsDisplay Typeface

Available on TypeSmith

Wordmark Explorations

Familia Herlequin

FAMILIA HERLEQUIN

FAMILIA HERLEQUINTYPE

Tagline Pairings

Familia Herlequin— display typeface

Familia HerlequinBy Victor Tkachenko

Familia HerlequinTYPE

UI Components

Buttons, forms, navigation, and cards

Character Set

Familia Herlequin Glyphs & Characters

Size48

Showing 62 of 187 charactersDouble-click to copy • Click for details

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Heading Examples

Body Text Table

Body Copy

Familia Herlequin Used As Body Text

TypeSmith provides optimized body text specifications for Familia Herlequin, including recommended sizes, line heights, and letter spacing for long-form content. These settings ensure maximum readability across devices and screen sizes.

Familia Herlequin demonstrates exceptional body text performance with balanced proportions and consistent stroke widths that enhance readability across paragraph lengths.

When setting Familia Herlequin for body copy, TypeSmith recommends these optimized specifications. The carefully tuned metrics ensure comfortable reading at extended lengths while maintaining the typeface's distinctive character.

Familia Herlequin small text sizes retain legibility through well-defined letterforms. Caption and footnote applications benefit from the font's clear x-height and open counters.

Element	Weight	Size	Line Height	Tracking	Preview
Body Text	Regular	16px	24px	0.5px	Familia Herlequin delivers excellent readability for body copy
Italicized	Regular Italic	16px	24px	0.5px	Familia Herlequin italic provides elegant emphasis
Bold	Bold	16px	24px	0.5px	Familia Herlequin bold creates strong visual hierarchy
Small Caps	Regular	16px	24px	0.5px	Familia Herlequin typography specimen
Secondary Text	Medium	14px	20px	0.5px	Familia Herlequin typography specimen

.your-class { font-family: 'Familia Herlequin'; }

Quick Start

Using Familia Herlequin in Your Design

HTML Link Tag

Add to your <head> section

<link href="https://fonts.bunny.net/css?family=Familia+Herlequin:400,700&display=swap" rel="stylesheet">

CSS @import

Add at top of your stylesheet

@import url('https://fonts.bunny.net/css?family=Familia+Herlequin:400,700&display=swap');

CSS @font-face

Self-host the font files

@font-face {
  font-family: 'Familia Herlequin';
  src: url('https://fonts.googleapis.com/css2?family=Familia+Herlequin:wght@400;700&display=swap');
  font-display: swap;
}

Implementation

Familia Herlequin CSS Implementation

Standard CSS

css

Apply directly to any CSS class or selector.

 1.my-text {
 2  font-family: 'Familia Herlequin', sans-serif;
 3  font-weight: 400;
 4}

SCSS Variable

scss

Define once, use throughout your stylesheet.

 1$font-primary: 'Familia Herlequin', sans-serif;
 2
 3.my-text {
 4  font-family: $font-primary;
 5}

Tailwind CSS

config

Configure once, apply with utility classes.

 1// tailwind.config.js
 2module.exports = {
 3  theme: {
 4    extend: {
 5      fontFamily: {
 6        'familia-herlequin': ['Familia Herlequin', 'sans-serif'],
 7      },
 8    },
 9  },
10}
11
12// Usage in HTML
13<p class="font-familia-herlequin">Your text here</p>

About

Inside Familia Herlequin

Victor Tkachenko

Display

Open Source

Familia Herlequin font is a blackletter display typeface featuring Gothic metal sharp unique letterforms. Dark and theatrical, this design delivers harlequin darkness aesthetics for metal bands, dark circus entertainment, and theatrical horror products. The blackletter construction creates authentic medieval darkness with theatrical flair. Designers working on theatrical metal, dark circus, and harlequin-themed products will appreciate the theatrical dark character. Pair with serif body text.

Familia Herlequin comes from the work of Victor Tkachenko. The typeface reflects a focus on typographic detail, visible in its letterform construction and optical balance.

As a Display typeface in the Vox-ATypI Graphic classification, Familia Herlequin features tight spacing optimized for large point sizes and exaggerated contrast, weight, or decorative features. These optical characteristics make it well-suited for editorial magazine covers and chapter openers.

Familia Herlequin is available in a single weight, offering focused typographic consistency spanning screen and print contexts, with 4 curated font pairings available. Standard Latin character coverage serves the majority of Western typographic workflows.

Familia Herlequin

Typography Judgment

Expert Analysis of Familia Herlequin

Familia Herlequin

Best Ways to Use Familia Herlequin

Best Font Pairings for Familia Herlequin

Test Familia Herlequin Font Pairings Live

In Context

Familia Herlequin Typography

Familia Herlequin

Character Set

Type Scale

Familia Herlequin Used As Body Text

Quick Start

HTML Link Tag

CSS @import

CSS @font-face

Implementation

Standard CSS

SCSS Variable

Tailwind CSS

About

Typography Judgment

Classification

Accessibility

Design Heritage

Overview

Categories

Explore More

Inclusive Design

Accessibility Features of Familia Herlequin

How Legible is Familia Herlequin?

Familia Herlequin in Context: Readability

Familia Herlequin's Visual Fatigue and Adaptability

Familia Herlequin Accessibility Recommendations

Working with Familia Herlequin: Best Practices

Get the Font

Available Weights

Weight Reference

Internationalization

Western European

Nordic

Central European

Baltic

Legal

What you can do

Restrictions