Mrs Beasley

Name: Mrs Beasley
Author: Frank Baranowski

Mrs Beasley commands attention with bold, distinctive characters crafted for headlines and visual impact.

Scroll to explore

Displayby Frank Baranowski80% Accessible

Characters456

Glyphs547

Typography Tools

Best Ways to Use Mrs Beasley

Best Font Pairings for Mrs Beasley

TypeSmith curates 3 expert font pairings for Mrs Beasley, including combinations with Mona Sans, Testuale and Xetbook.

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

Explore 3 Pairings for Mrs Beasley

Test Mrs Beasley Font Pairings Live

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

In Context

Mrs Beasley Specimen Gallery

UI ComponentsPosterWordmark

Email Address

Password

Mrs Beasley Typography

A display typeface for UI components.

Active2 weights available

DefaultInfoSuccessWarningError

Mrs Beasley Specimen

Mrs Beasley

Mrs Beasley is a display typeface by Frank Baranowski built for display contexts.

2 WeightsDisplay Typeface

Available on TypeSmith

Wordmark Explorations

Mrs Beasley

MRS BEASLEY

MRS BEASLEYTYPE

Tagline Pairings

Mrs Beasley— display typeface

Mrs BeasleyBy Frank Baranowski

Mrs BeasleyTYPE

UI Components

Buttons, forms, navigation, and cards

Character Set

Mrs Beasley Glyphs & Characters

Size48

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

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Heading Examples

Body Text Table

Body Copy

Reading Text in Mrs Beasley

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

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

When setting Mrs Beasley 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.

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

.your-class { font-family: 'Mrs Beasley'; }

Quick Start

How to Embed Mrs Beasley in Your Project

HTML Link Tag

Add to your <head> section

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

CSS @import

Add at top of your stylesheet

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

CSS @font-face

Self-host the font files

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

Implementation

Mrs Beasley CSS Implementation

Standard CSS

css

Apply directly to any CSS class or selector.

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

SCSS Variable

scss

Define once, use throughout your stylesheet.

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

About

Understanding Mrs Beasley

Frank Baranowski

Display

Open Source

Mrs Beasley font is a display typeface expressing cartoon personality through heavy rounded construction with funny playful character. The charming letterforms project friendly warmth suitable for children's products, casual food branding, and family entertainment applications. Heavy weight ensures headline visibility while rounded forms create approachable character. Particularly effective for toy packaging, bakery branding, and youth-oriented marketing. Pairs with friendly rounded sans-serifs.

Mrs Beasley was designed by Frank Baranowski. The typeface demonstrates a commitment to typographic detail, visible in its letterform construction and optical balance.

As a Display typeface in the Vox-ATypI Graphic classification, Mrs Beasley features tight spacing optimized for large point sizes and exaggerated contrast, weight, or decorative features. These optical characteristics make it well-suited for event posters and promotional materials.

Mrs Beasley is available in a single weight, offering focused typographic consistency for both digital and print applications, with 3 font pairings curated. Standard Latin character coverage serves the majority of Western typographic workflows.

Mrs Beasley

Typography Judgment

Expert Analysis of Mrs Beasley

Mrs Beasley

Best Ways to Use Mrs Beasley

Best Font Pairings for Mrs Beasley

Test Mrs Beasley Font Pairings Live

In Context

Mrs Beasley Typography

Mrs Beasley

Character Set

Type Scale

Reading Text in Mrs Beasley

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 Mrs Beasley

Mrs Beasley's Legibility

Mrs Beasley's Readability

Mrs Beasley's Visual Fatigue and Adaptability

Mrs Beasley Accessibility Recommendations

Mrs Beasley Usage Guidelines

Get the Font

Available Weights

Weight Reference

Internationalization

Western European

Nordic

Central European

Baltic

Legal

What you can do

Restrictions