Chakra Petch

.example-class {font-family: 'Chakra Petch';}

Chakra Petch

Light

Medium

SemiBold

Bold

Chakra Petch is classified as a sans-serif font, characterized by clean lines and the absence of decorative elements at the ends of strokes.

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
! @ # $ % ^ & * ( ) + =

Chakra Petch 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

Chakra Petch 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 Chakra Petch

Noto Sans Tai Viet

Schibsted Grotesk

REM

Reem Kufi Fun

Proza Libre

How to Embed Chakra Petch in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Chakra Petch'; }

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

// SCSS Variable $example-class-font-family: 'Chakra Petch'; .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-chakra-petch-sans-serif; }

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

Chakra Petch's Details

Chakra Petch is a sans-serif typeface designed to blend modernity with Thai cultural elements. Chakra Petch embodies both contemporary and traditional aesthetics. It was created by Cadson Demak, a well-known Thai type foundry. The font was initially released in 2017, emphasizing versatility in digital and print media. Chakra Petch, Chakra Petch, has distinct characteristics that make it stand out. The design features angular strokes and geometric shapes, giving it a futuristic look. The characters have clean lines and sharp edges, enhancing readability. The font includes both Latin and Thai scripts, making it suitable for bilingual content. The Latin script includes uppercase and lowercase letters, numerals, and punctuation marks. The Thai script offers a full range of consonants, vowels, and diacritical marks. The x-height of the Latin characters is relatively high, which improves legibility, especially on digital screens. The Thai characters maintain traditional proportions while integrating seamlessly with the Latin script. This dual-script capability is particularly useful for brands and publications targeting both Thai and international audiences. Chakra Petch is often used in technology-related branding because of its modern appearance. It's also popular in advertising and graphic design because of its clean and sophisticated look. The font is available in multiple weights, including light, regular, semi-bold, bold, and extra-bold. These weight variations provide flexibility for different design needs, from body text to headlines. Notable features of Chakra Petch include its monospaced digits, which are ideal for tabular data. The font's kerning pairs are meticulously crafted, ensuring balanced spacing between characters. Its open counters and tall ascenders enhance clarity, making it suitable for long-form reading. The typeface supports multiple languages, accommodating diverse textual requirements. In summary, Chakra Petch serves as a versatile tool for designers, offering a blend of modern and traditional elements with extensive language support and multiple weights.

Accessibility Overview for Chakra Petch

Chakra Petch is a square sans serif font with tapered corners, featuring traditional looped letterforms in the Thai script. Its design incorporates a balance of angular and rounded elements, creating a modern and distinctive appearance. This font is suitable for a wide range of applications, including branding, editorial design, digital interfaces, and signage.

Chakra Petch's Legibility

Chakra Petch offers good legibility with well-proportioned spacing, a moderate x-height, and clear character differentiation. The balanced spacing between letters and words enhances readability, making it suitable for both display and body text.

Chakra Petch's Readability

In various contexts, Chakra Petch performs well, maintaining readability in long text passages, captions, and digital displays. Its clean and open letterforms contribute to clear communication, ensuring readability across different sizes and resolutions.

Chakra Petch's Visual Fatigue and Adaptability

The font's design minimizes visual fatigue in extensive reading materials through its balanced letterforms and spacing. Additionally, Chakra Petch demonstrates adaptability across different devices and language scripts, making it suitable for multilingual content and diverse digital platforms.

Chakra Petch Accessibility Recommendations

For enhanced accessibility, it is recommended to ensure adequate contrast ratios when using Chakra Petch, especially in digital and print media. Additionally, selecting appropriate font sizes for different uses and considering modifications to improve readability for diverse user groups is essential.

Best Practices for Using Chakra Petch

When using Chakra Petch in design, it is effective to pair it with complementary typefaces to create visual hierarchy and maintain readability. For instance, using Chakra Petch for headlines and pairing it with a more neutral font for body text can create a balanced and engaging design.

License Type

The Chakra Petch font is distributed under the Open Font License (OFL). This means you can use, study, modify, and share the font freely. You can use it for personal or commercial projects without paying. You can include the font in software projects, websites, or printed materials. You're allowed to modify the font. However, if you distribute the modified version, you must rename it to avoid confusion. The original name, Chakra Petch, should be kept only for the unaltered version. You can share the font with others. You can also bundle it with your projects. If you distribute the font files, you must include a copy of the OFL license. You can't sell the font by itself. You can, however, sell a product which includes the font. You can't restrict others' access to the font. The OFL ensures the font remains freely available. The license encourages collaboration and improvement. Designers can enhance the font and share their improvements. This helps the font community grow and evolve.

Language Support

Chakra Petch supports a variety of languages, primarily focusing on Thai and Latin scripts. This enables it to cover a wide range of languages including English, Thai, and other European languages that use the Latin alphabet.

Download Weights & Variants

300

300 italic

regular

italic

500

500 italic

600

600 italic

700

700 italic

Chakra Petch

Fonts Similar to Chakra Petch

Noto Sans Tai Viet

Schibsted Grotesk

REM

Reem Kufi Fun

Proza Libre

How to Embed Chakra Petch in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Chakra Petch's Details

Accessibility Overview for Chakra Petch

Chakra Petch's Legibility

Chakra Petch's Readability

Chakra Petch's Visual Fatigue and Adaptability

Chakra Petch Accessibility Recommendations

Best Practices for Using Chakra Petch

License Type

Language Support

Download Weights & Variants

About Us