Bellota Text

Name: Bellota Text
Author: Pablo Impallari

Bellota Text commands attention with bold, distinctive characters crafted for headlines and visual impact.

Scroll to explore

Displayby Pablo Impallari85% Accessible

Characters646

Glyphs775

Typography Tools

Best Ways to Use Bellota Text

Best Font Pairings for Bellota Text

TypeSmith curates 7 expert font pairings for Bellota Text, including combinations with 3270, Montserrat and Belanosima.

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

Explore 7 Pairings for Bellota Text

Test Bellota Text Font Pairings Live

TypeSmith's interactive testing tool lets you preview Bellota Text 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 Bellota Text Pairings Live

In Context

Bellota Text Specimen Gallery

UI ComponentsPosterWordmark

Email Address

Password

Bellota Text Typography

A display typeface for UI components.

Active2 weights available

DefaultInfoSuccessWarningError

Bellota Text Specimen

Bellota Text

Bellota Text is a display typeface by Pablo Impallari built for display contexts.

2 WeightsDisplay Typeface

Available on TypeSmith

Wordmark Explorations

Bellota Text

BELLOTA TEXT

BELLOTA TEXTTYPE

Tagline Pairings

Bellota Text— display typeface

Bellota TextBy Pablo Impallari

Bellota TextTYPE

UI Components

Buttons, forms, navigation, and cards

Character Set

Bellota Text Glyphs & Characters

Size48

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

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Heading Examples

Body Text Table

Body Copy

Body Text with Bellota Text

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

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

When setting Bellota Text 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.

Bellota Text 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	Bellota Text delivers excellent readability for body copy
Italicized	Regular Italic	16px	24px	0.5px	Bellota Text italic provides elegant emphasis
Bold	Bold	16px	24px	0.5px	Bellota Text bold creates strong visual hierarchy
Small Caps	Regular	16px	24px	0.5px	Bellota Text typography specimen
Secondary Text	Medium	14px	20px	0.5px	Bellota Text typography specimen

.your-class { font-family: 'Bellota Text'; }

Quick Start

Using Bellota Text in Your Design

HTML Link Tag

Add to your <head> section

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

CSS @import

Add at top of your stylesheet

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

CSS @font-face

Self-host the font files

@font-face {
  font-family: 'Bellota Text';
  src: url('https://fonts.google.com/specimen/Bellota+Text');
  font-display: swap;
}

Implementation

Styling with Bellota Text

Standard CSS

css

Apply directly to any CSS class or selector.

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

SCSS Variable

scss

Define once, use throughout your stylesheet.

 1$font-primary: 'Bellota Text', 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        'bellota-text': ['Bellota Text', 'sans-serif'],
 7      },
 8    },
 9  },
10}
11
12// Usage in HTML
13<p class="font-bellota-text">Your text here</p>

About

Bellota Text: History & Characteristics

Pablo Impallari

Display

Open Source

Bellota Text delivers artistic vision and unique character, making it well-suited for brand identities. Its bold presence and artistic expression contribute to its versatile character. Particularly effective for brand identities and logos, Bellota Text adapts confidently across design contexts. Extended language coverage includes The Bellota Text font supports a wide range of languages, including those based on the Latin, Cyrill....

Bellota Text comes from the work of Pablo Impallari. Known for display typeface design, the designer's expertise shapes Bellota Text's glyph proportions, stroke consistency, and typographic color.

As a Display typeface in the Vox-ATypI Graphic classification, Bellota Text 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.

Bellota Text is available in a single weight, offering focused typographic consistency for both digital and print applications, with 7 curated font pairings available. Extended language support spanning Cyrillic, Greek, and Latin Extended ensures reliable rendering across global audiences.

Bellota Text

Typography Judgment

Expert Analysis of Bellota Text

Bellota Text

Best Ways to Use Bellota Text

Best Font Pairings for Bellota Text

Test Bellota Text Font Pairings Live

In Context

Bellota Text Typography

Bellota Text

Character Set

Type Scale

Body Text with Bellota 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

Bellota Text: Accessibility Considerations

How Legible is Bellota Text?

Bellota Text's Readability

Bellota Text for Long-Form Content

Bellota Text Accessibility Recommendations

Getting the Most from Bellota Text

Get the Font

Available Weights

Weight Reference

Internationalization

Western European

Nordic

Central European

Baltic

Legal

What you can do

Restrictions