Permanent Marker

.example-class {font-family: 'Permanent Marker';}

Permanent Marker

Permanent Marker is classified as a handwriting font, mimicking the natural flow and style of handwritten text, adding a personal touch.

Display

Handwriting

Monospace

Sans-serif

Serif

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) + =

Permanent Marker Used As Heading Examples

Hierarchy	Weight	Size	Line Height	Letter Spacing
Heading Level 1	Bold	64px	64px	0px
Heading Level 2	SemiBold	48px	64px	0px
Heading Level 3	Medium	32px	48px	0.5px
Heading Level 4	Regular	24px	32px	0.5px
Heading Level 5	Regular	16px	24px	0.5px
Heading Level 6	Medium	13px	16px	0.5px

Permanent Marker Used As Body Text

Element	Weight	Size	Line Height	Letter Spacing
Body Text	Regular	16px	24px	0.5px
Italicized	Regular Italic	16px	24px	0.5px
Bold	Bold	16px	24px	0.5px
Small Caps	Regular	16px	24px	0.5px
Secondary Text	Medium	13px	16px	0.5px

Fonts Similar to Permanent Marker

Yuji Hentaigana Akebono

Dancing Script

Edu SA Beginner

Klee One

Yesteryear

How to Embed Permanent Marker in Your Project

Using a <link> tag in HTML

<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">

Using @import in CSS

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

Using @font-face in CSS

@font-face { font-family: 'Permanent Marker'; src: url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'); }

CSS Code Examples

.example-class { font-family: 'Permanent Marker'; }

Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.

// SCSS Variable $example-class-font-family: 'Permanent Marker'; .example-class { font-family: $example-class-font-family; }

SCSS Variable: Defining the font-family in a variable for reuse across multiple styles, simplifying maintenance and updates.

// Tailwind CSS .example-class { @apply font-permanent-marker-handwriting; }

Tailwind CSS Implementation: Using Tailwind CSS utility classes provides a consistent and streamlined way to apply styles, leveraging Tailwind's utility-first approach.

Permanent Marker's Details

Permanent Marker is a font known for its casual, hand-drawn style. Permanent Marker was created by Font Diner, a type foundry founded by Stuart Sandler. Permanent Marker aims to replicate the look and feel of text written with a permanent marker. This typeface features thick, rounded strokes and slightly irregular lines, giving it an informal, playful appearance. The design of Permanent Marker focuses on creating a realistic handwritten effect. Each character has subtle variations, which make the text appear more natural. The letters are bold and slightly tilted, which enhances the casual vibe. It's a sans-serif font, meaning it doesn't have the small projecting features called serifs at the end of strokes. The font includes both uppercase and lowercase letters, numerals, punctuation marks, and extended characters. Permanent Marker is often used in designs that require a personal touch. People use it in posters, flyers, and social media graphics where an informal, handwritten look is desired. It's also popular in branding for products aimed at a younger audience or those seeking a relaxed, approachable image. The font stands out due to its bold presence and readability, even at smaller sizes. Notable features of Permanent Marker include its unique texture and the slight variations in line thickness. These attributes contribute to its hand-drawn feel. The font also supports multiple languages, making it versatile for global use. Although it has a playful aesthetic, it maintains clarity, ensuring that the text is easy to read. Permanent Marker has become a favorite among designers looking for an authentic, handwritten style. Its distinctive characteristics and wide range of uses make it a go-to choice for many creative projects. The font's ability to convey a sense of personality and warmth sets it apart from more conventional typefaces.

Accessibility Overview for Permanent Marker

The Permanent Marker font is designed to mimic the casual, carefree, thick-stroked handwriting created with a permanent marker. It exudes a playful and informal feel, making it suitable for a wide range of creative and informal applications such as invitations, posters, and informal branding materials. The font features high x-height and low contrast, with a unique hand-drawn quality that adds a personal touch to any design.

Permanent Marker's Legibility

The font's spacing and x-height contribute to its legibility, ensuring clear differentiation between characters. The thick strokes and distinct letterforms aid in character differentiation, enhancing readability at various sizes.

Permanent Marker's Readability

In short text passages, captions, and digital displays, Permanent Marker performs well, adding a touch of informality and creativity. However, in long text passages, it may pose readability challenges due to its handwritten style, which can lead to visual fatigue.

Permanent Marker's Visual Fatigue and Adaptability

Extended exposure to the font in extensive reading materials may lead to visual fatigue due to its handwritten nature. In terms of adaptability, it may not be suitable for all language scripts and may require modifications for enhanced readability across diverse user groups and devices.

Permanent Marker Accessibility Recommendations

To enhance accessibility, it's important to consider contrast ratios and suitable sizes for different uses. When using Permanent Marker, ensure that it is paired with a highly legible font for body text, and consider increasing the font size for improved readability, especially for users with visual impairments.

Best Practices for Using Permanent Marker

When using Permanent Marker, it's best to reserve it for headlines, short phrases, or creative design elements to maintain its impact without compromising readability. For example, it can be effectively used in event posters, social media graphics, or informal branding materials to convey a playful and informal tone.

License Type

The font Permanent Marker is licensed under the SIL Open Font License 1.1. This license allows you to use the font freely. You can embed it in documents, websites, and applications. You're allowed to modify the font, but if you distribute your modified version, you must rename it to avoid confusion with the original. You can use the font for both personal and commercial projects. There's no need to pay or attribute the creator. It's different from other licenses because it aims to promote sharing and collaboration. You're also permitted to bundle the font with software, but you cannot sell it on its own. For example, you can include it in a website builder tool, but you can't sell the font itself as a separate item. The license prohibits selling the font by itself because the goal is to keep it freely available to everyone. If you modify the font, you must document the changes and include a copy of the license with it. You can redistribute the font in its original form without changes. This license is designed to ensure that the font remains free and open, encouraging its widespread use and adaptation.

Language Support

The "Permanent Marker" font supports a range of languages that primarily use the Latin alphabet, including English, Spanish, French, German, Italian, Portuguese, and many others. However, its support for languages that use non-Latin scripts, such as Cyrillic, Greek, Arabic, or Asian languages, is limited or non-existent.

Download Weights & Variants

regular

Permanent Marker

Fonts Similar to Permanent Marker

Yuji Hentaigana Akebono

Dancing Script

Edu SA Beginner

Klee One

Yesteryear

How to Embed Permanent Marker in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Permanent Marker's Details

Accessibility Overview for Permanent Marker

Permanent Marker's Legibility

Permanent Marker's Readability

Permanent Marker's Visual Fatigue and Adaptability

Permanent Marker Accessibility Recommendations

Best Practices for Using Permanent Marker

License Type

Language Support

Download Weights & Variants

About Us