Trade Winds

.example-class {font-family: 'Trade Winds';}

Trade Winds

Trade Winds is classified as a display font, designed for large-size usage in headlines and titles, offering a high level of visual impact.

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

Trade Winds 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

Trade Winds 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 Trade Winds

Marhey

Allan

Raleway Dots

Averia Libre

Rubik Maze

How to Embed Trade Winds in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Trade Winds'; }

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

// SCSS Variable $example-class-font-family: 'Trade Winds'; .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-trade-winds-display; }

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

Trade Winds's Details

Trade Winds is a whimsical and playful typeface that's part of the Google Fonts library. Trade Winds, designed by Stuart Sandler and released in 2011, draws inspiration from old maps and vintage signage. Trade Winds captures the adventurous spirit of those elements in its design. The font features bold, thick strokes with rounded edges, creating a friendly and approachable look. The letters are slightly condensed, giving them a compact feel without sacrificing readability. Swirls and curls in certain characters add a touch of elegance, while maintaining a sense of fun. Trade Winds's unique design includes subtle irregularities, making it feel hand-drawn and personal. Trade Winds is often used in projects that aim to evoke a sense of adventure or nostalgia. It’s suitable for travel blogs, children's books, and themed parties. The font's playful nature also makes it a good choice for logos and branding in industries like tourism and entertainment. Event invitations, posters, and greeting cards benefit from its distinctive style, adding a whimsical touch. Trade Winds doesn't include multiple weights; it comes in a single, regular style. This limitation encourages creative use of the font's inherent characteristics. Designers often pair it with simpler, sans-serif fonts to balance its exuberance. The font supports various languages and includes a range of special characters, making it versatile for different uses. Its legibility at smaller sizes is generally good, but it's most effective in larger displays where its details can shine. Trade Winds's charming irregularities make each letter stand out, contributing to its unique personality. Its design is particularly effective in capturing attention and creating a memorable impression.

## Overview Trade Winds is a breezy and exotic font designed by Squid and Sideshow. It embodies a sense of adventure and escapism, making it ideal for travel-related materials, such as posters, brochures, and websites. The font features a unique and distinctive style that evokes a feeling of exploration and discovery. Its flowing and organic letterforms capture the essence of the trade winds, making it a perfect choice for projects seeking a sense of wanderlust and exploration. ## Legibility Trade Winds exhibits good legibility with well-proportioned spacing and a moderate x-height, ensuring clear differentiation between characters. The letterforms are distinct and easily recognizable, contributing to its legibility in various text sizes and contexts. ## Readability In long text passages, Trade Winds may be more suitable for display purposes rather than extended reading due to its decorative nature. However, it performs well in captions and short blocks of text, adding a touch of whimsy and personality to the content. In digital displays, Trade Winds can effectively attract attention and create a memorable visual impact. ## Visual Fatigue and Adaptability Extended exposure to Trade Winds in extensive reading materials may lead to visual fatigue due to its decorative elements. However, its adaptability across different devices is generally good, and it can be used in multilingual contexts, particularly for languages using the Latin script. ## Accessibility Recommendations For enhanced accessibility, it is recommended to use Trade Winds in larger sizes for improved legibility, especially for users with visual impairments. Contrast ratios should be carefully considered to ensure readability, particularly when used for body text. Additionally, providing alternative font options for extended reading materials is advisable to accommodate diverse user groups. ## Best Practices When using Trade Winds in design, it is best to reserve it for headlines, titles, and short bursts of text to maximize its impact. For example, it can be effectively employed in travel posters, adventure-themed websites, and promotional materials for tourism-related businesses. When pairing Trade Winds with other fonts, selecting a complementary sans-serif or serif font for body text can create a balanced and harmonious visual hierarchy.

License Type

The font Trade Winds is licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. You can use it for commercial purposes. You can embed the font in documents or websites. You're allowed to modify the font. If you modify it, you must rename it to avoid confusion. You can't sell the font by itself. You can include it in a larger software bundle. Redistribution is allowed. You must include the license and any other files provided with the original font. You can't claim the font as your own creation. The license remains open-source and free. You can use the font in logos, posters, and other designs. It's versatile for both personal and professional projects.

Language Support

The Trade Winds font supports the Latin script, covering Western European, Central European, and South Eastern European languages.

Download Weights & Variants

regular

Trade Winds

Fonts Similar to Trade Winds

Marhey

Allan

Raleway Dots

Averia Libre

Rubik Maze

How to Embed Trade Winds in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Trade Winds's Details

License Type

Language Support

Download Weights & Variants

About Us