# Tessli Collection — Typography and font tools

## Use this research path

Use this research path to A practical typography direction with licensed candidate fonts, real-world references, pairing rationale, and implementation options.

A practical starting set for finding typefaces, studying real typography, checking pairings, and exploring open and commercial font libraries.

- **Audience:** Designers and frontend teams choosing type for a brand, marketing site, or product interface.
- **Stages:** 3
- **Sources:** 10

## Staged decisions

### 1. Source viable candidates

#### 1.1 Google Fonts

- **Role:** Google Fonts provides a broad web-ready baseline with straightforward delivery.
- **Inspect:** Start with broad, implementable libraries and distinguish open, free, and subscription options.
- **Decide:** Choose the licensing and delivery boundary for the shortlist.
- **Source guide:** /resources/google-fonts
- **JSON:** /resources/google-fonts/profile.json
- **Markdown:** /resources/google-fonts/profile.md
- **Provider:** https://fonts.google.com
- **Access action:** Read the official Google Fonts documentation before selecting a family. (https://developers.google.com/fonts)

#### 1.2 Fontshare

- **Role:** Fontshare offers free professional families that can raise the quality of the initial shortlist.
- **Inspect:** Start with broad, implementable libraries and distinguish open, free, and subscription options.
- **Decide:** Choose the licensing and delivery boundary for the shortlist.
- **Source guide:** /resources/fontshare
- **JSON:** /resources/fontshare/profile.json
- **Markdown:** /resources/fontshare/profile.md
- **Provider:** https://www.fontshare.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://www.fontshare.com)

#### 1.3 Typewolf

- **Role:** Typewolf supplies editorial recommendations and category context for narrowing candidates.
- **Inspect:** Start with broad, implementable libraries and distinguish open, free, and subscription options.
- **Decide:** Choose the licensing and delivery boundary for the shortlist.
- **Source guide:** /resources/typewolf
- **JSON:** /resources/typewolf/profile.json
- **Markdown:** /resources/typewolf/profile.md
- **Provider:** https://www.typewolf.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://www.typewolf.com)

### 2. Study type in context

#### 2.1 Fonts In Use

- **Role:** Fonts In Use shows typography in real artifacts rather than isolated specimen pages.
- **Inspect:** Inspect real uses, editorial tone, hierarchy, and category conventions before judging isolated specimens.
- **Decide:** Decide which type qualities support the intended brand and reading experience.
- **Source guide:** /resources/fonts-in-use
- **JSON:** /resources/fonts-in-use/profile.json
- **Markdown:** /resources/fonts-in-use/profile.md
- **Provider:** https://fontsinuse.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://fontsinuse.com)

#### 2.2 Font Squirrel

- **Role:** Font Squirrel helps check commercial-use free options and practical licensing constraints.
- **Inspect:** Inspect real uses, editorial tone, hierarchy, and category conventions before judging isolated specimens.
- **Decide:** Decide which type qualities support the intended brand and reading experience.
- **Source guide:** /resources/font-squirrel
- **JSON:** /resources/font-squirrel/profile.json
- **Markdown:** /resources/font-squirrel/profile.md
- **Provider:** https://www.fontsquirrel.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://www.fontsquirrel.com)

#### 2.3 Free Faces

- **Role:** Free Faces adds a curated view of freely licensed typefaces.
- **Inspect:** Inspect real uses, editorial tone, hierarchy, and category conventions before judging isolated specimens.
- **Decide:** Decide which type qualities support the intended brand and reading experience.
- **Source guide:** /resources/free-faces
- **JSON:** /resources/free-faces/profile.json
- **Markdown:** /resources/free-faces/profile.md
- **Provider:** https://www.freefaces.gallery
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://www.freefaces.gallery)

### 3. Pair and finalize

#### 3.1 Open Foundry

- **Role:** Open Foundry focuses the search on open-source families and their presentation.
- **Inspect:** Compare pairings and more distinctive open or commercial options after the core direction is clear.
- **Decide:** Select the primary and supporting families to prototype and test.
- **Source guide:** /resources/open-foundry
- **JSON:** /resources/open-foundry/profile.json
- **Markdown:** /resources/open-foundry/profile.md
- **Provider:** https://open-foundry.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://open-foundry.com)

#### 3.2 FontPair

- **Role:** FontPair supports explicit headline-and-body pairing comparisons.
- **Inspect:** Compare pairings and more distinctive open or commercial options after the core direction is clear.
- **Decide:** Select the primary and supporting families to prototype and test.
- **Source guide:** /resources/fontpair
- **JSON:** /resources/fontpair/profile.json
- **Markdown:** /resources/fontpair/profile.md
- **Provider:** https://fontpair.co
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://fontpair.co)

#### 3.3 Velvetyne

- **Role:** Velvetyne introduces experimental libre options when the direction needs more character.
- **Inspect:** Compare pairings and more distinctive open or commercial options after the core direction is clear.
- **Decide:** Select the primary and supporting families to prototype and test.
- **Source guide:** /resources/velvetyne
- **JSON:** /resources/velvetyne/profile.json
- **Markdown:** /resources/velvetyne/profile.md
- **Provider:** https://velvetyne.fr
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://velvetyne.fr)

#### 3.4 Adobe Fonts

- **Role:** Adobe Fonts provides a subscription-backed comparison set for teams already using Creative Cloud.
- **Inspect:** Compare pairings and more distinctive open or commercial options after the core direction is clear.
- **Decide:** Select the primary and supporting families to prototype and test.
- **Source guide:** /resources/adobe-fonts
- **JSON:** /resources/adobe-fonts/profile.json
- **Markdown:** /resources/adobe-fonts/profile.md
- **Provider:** https://fonts.adobe.com
- **Access action:** Open the canonical provider URL with an eligible Adobe account and plan. (https://fonts.adobe.com)

## Interpretation boundaries

- Collection order is editorial guidance and does not represent popularity, sponsorship, or universal quality.
- Repository intelligence is not live-provider verification.
- Revalidate provider access, pricing, licensing, terms, availability, and time-sensitive claims.
- No browser-local Board, Saved, account, cookie, or credential data is included.