Cairo Play

.example-class {font-family: 'Cairo Play';}

Cairo Play

ExtraLight

Light

Medium

SemiBold

Bold

ExtraBold

Black

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

Cairo Play 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

Cairo Play 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 Cairo Play

Noto Sans Vithkuqi

Gruppo

Golos Text

Ysabeau

Archivo Narrow

How to Embed Cairo Play in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Cairo Play'; }

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

// SCSS Variable $example-class-font-family: 'Cairo Play'; .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-cairo-play-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.

Cairo Play's Details

Cairo Play is an Arabic and Latin typeface family that merges playful elements with readability. Cairo Play, designed by Mohamed Gaber, was released in 2017. Cairo Play's design incorporates rounded corners and soft curves, making it friendly and approachable. The font features a wide range of weights, from thin to extra bold, offering flexibility in design applications. Cairo Play was developed to cater to both Arabic and Latin scripts, ensuring cohesive visual harmony between the two. The Arabic characters exhibit a modern yet traditional feel, with careful attention to diacritical marks for clarity. The Latin characters, while simple, maintain a playful essence that complements the Arabic script. Cairo Play's versatility allows it to be used in various contexts, like children's books, educational materials, and casual branding. The font's legibility at smaller sizes makes it suitable for body text, while its distinct personality shines in headlines and titles. Its rounded characters and soft appearance evoke a sense of warmth and friendliness, making it appealing for informal and light-hearted projects. Notable features of Cairo Play include its support for multiple languages and the inclusion of both Arabic and Latin scripts in one cohesive type family. This dual-script capability is particularly beneficial for bilingual projects, ensuring consistency across different languages. The font also provides a wide range of weights, enabling designers to create hierarchy and emphasis within their designs. Cairo Play's approachable design and versatility make it a popular choice among designers looking for a font that balances playfulness with functionality. The typeface's blend of modern and traditional elements allows it to fit seamlessly into various design environments, making it a valuable asset in a designer's toolkit.

Accessibility Overview for Cairo Play

Cairo Play is a color font version of the Cairo typeface, which is a contemporary Arabic and Latin typeface family. It features colored marks and is available in various styles including ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, and Black. The font balances classic and contemporary tastes with wide open counters and short ascenders and descenders, minimizing length. It is suitable for web headings, logos, and other display purposes.

Cairo Play's Legibility

Cairo Play font exhibits good legibility with well-proportioned spacing, a balanced x-height, and clear character differentiation. The spacing between characters and words is carefully designed to enhance readability, making it suitable for both small and large text sizes.

Cairo Play's Readability

In various contexts, Cairo Play performs well, including long text passages, captions, and digital displays. Its clear and well-defined characters make it suitable for extended reading, while its design also allows for effective use in captions and digital interfaces.

Cairo Play's Visual Fatigue and Adaptability

The font's balanced design minimizes visual fatigue, making it suitable for extensive reading materials. Additionally, its adaptability across different devices and language scripts ensures consistent readability and aesthetic appeal in diverse settings.

Cairo Play Accessibility Recommendations

To enhance accessibility, it is recommended to ensure suitable contrast ratios for different use cases, choose appropriate sizes for different platforms, and make necessary modifications to improve readability across user groups.

Best Practices for Using Cairo Play

When using Cairo Play in design, it is important to consider its color font features and utilize them effectively in headings, logos, and other display elements. For long passages of text, it is advisable to use the regular or light styles to maintain optimal readability.

License Type

The font Cairo Play is under the Open Font License (OFL). This license is designed to allow the font to be freely used, modified, and shared. Here's what that means: You can use Cairo Play for personal and commercial projects. If you need a font for a website, a brochure, or an app, you can choose Cairo Play without worrying about licensing fees. You can modify Cairo Play. If you want to tweak the font's design to better fit your project, you can do that. The OFL allows you to make changes to the font's design and code. You can share Cairo Play with others. If you think someone else would benefit from using or modifying the font, you can give them a copy. They don't need to pay for it either. You must keep the original license intact. If you distribute the font, whether in its original form or with modifications, you need to include the OFL text file. This ensures that others know their rights regarding the font. You can't sell the font on its own. While you can use Cairo Play in products you sell, you can't sell the font by itself. The OFL prohibits selling the standalone font. You must rename modified versions. If you change the font, you need to give it a new name so people don't confuse it with the original Cairo Play. This helps maintain the integrity of the original font. These conditions ensure that the font remains free and accessible to everyone.

Language Support

The Cairo Play font supports a wide range of languages, including those that use the Latin alphabet, as well as Arabic script, making it versatile for multilingual projects and designs.

Download Weights & Variants

200

300

regular

500

600

700

800

900

Cairo Play

Fonts Similar to Cairo Play

Noto Sans Vithkuqi

Gruppo

Golos Text

Ysabeau

Archivo Narrow

How to Embed Cairo Play in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Cairo Play's Details

Accessibility Overview for Cairo Play

Cairo Play's Legibility

Cairo Play's Readability

Cairo Play's Visual Fatigue and Adaptability

Cairo Play Accessibility Recommendations

Best Practices for Using Cairo Play

License Type

Language Support

Download Weights & Variants

About Us