@font-face
font-family: 'EC Square Sans Pro';
src: url('ecsquare-sans-pro-regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
Always include font-display: swap to avoid invisible text during loading. For Windows machines, add a fallback chain: 'EC Square Sans Pro', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif.
Geometric fonts often suffer from optical spacing issues—certain letter pairs (like "AV", "LT", "Yo") can look too loose or too tight. EC Square Sans Pro has decent default kerning, but professional font work demands manual override.
Add the "EC Square Sans Pro" font family to the product’s font library and ensure correct rendering, weights, licensing, and variable/font-feature support.
Many designers spend hours choosing a font but only minutes applying it. Font work is the discipline of manipulating spacing, weights, hierarchy, and layout to make a typeface perform. A poorly executed font job can ruin even the most expensive typeface; conversely, skilled font work makes a free font look premium.
When we talk about EC Square Sans Pro font work, we refer to three core pillars:
Understanding EC Square Sans Pro: The Voice of the European Commission EC Square Sans Pro
is a specialized corporate typeface that serves as the official font of the European Commission . Modified from its commercial predecessor, PF Square Sans Pro
, it was tailored to meet the specific legibility and communication needs of the Commission's diverse administrative and public-facing work. 1. Design and Visual Identity ec square sans pro font work
This typeface is characterized by a "square-shouldered" design that feels modern, self-assured, and professional. Key Features
: It boasts a generous x-height, uniform stroke weight, and full-bodied counters, all of which contribute to high legibility at various sizes. Aesthetic Tone
: Despite its robust appearance, it features rounded edges and softened curves, giving it a warmer and more approachable feel than traditional, rigid sans-serifs.
: While the standard family can include up to 12 weights, the Commission primarily uses three main weights for publication covers, with nine others available for internal content. 2. Multi-Language and Accessibility
A core requirement for its "work" within the EU is its ability to support nearly all European languages. Glyph Support
: It includes support for various alphabets beyond Latin, specifically covering characters. Special Characters : The font accommodates unique diacritics and letters like ą, å, æ, ø, ę, ł, , ensuring consistent branding across all EU member states.
: Every font in the family includes roughly 270 symbols for various public utility categories, such as transportation, computers, and environmental signage. 3. Usage Guidelines and Restrictions Always include font-display: swap to avoid invisible text
The font is a "mandatory" element of the European Commission’s visual identity. Its use is strictly regulated by license agreements held with the owner, Parachute Worldwide Ltd. Authorized Use
: It is primarily used for the Commission's logo, professional publications, promotional materials, and official digital resources like websites and mobile apps. Contractor Rules
: External contractors working on Commission projects are granted limited rights to use the font software, but they must cease usage and delete the files once their contract expires. Typographic Pairing : For print publications, it is often paired with
to provide a clear visual contrast and rhythm between body text and headlines. 4. Alternatives and Substitutions
When the official EC font is not available or suitable (such as for "condensed" text needs), the Commission’s manual suggests using standard typefaces like:
For general web or professional work outside the EU's specific ecosystem, designers often look to similar professional sans-serifs like Source Sans Pro (known for UI work) or (ideal for high-readability body text). for this font family or tips on how to install custom typefaces for design software? Source Sans 3 - Google Fonts
EC Square Sans Pro a proprietary typeface specifically modified for the European Commission . It is a customized version of the commercially available PF Square Sans Pro To activate these in CSS for web use:
, tailored to meet the Commission's specific visual identity requirements. European Commission Key Features and Usage The European Commission visual identity manual - Typography
| Size | Tracking | |------|-----------| | <18px | +0% to +2% | | 18–30px | 0% | | >30px | -1% to -3% (tighten for display impact) |
Many users ignore OpenType capabilities, but this is where EC Square Sans Pro shines. Open the Glyphs panel in your design software to access:
To activate these in CSS for web use:
body
font-family: 'EC Square Sans Pro', sans-serif;
font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
h1
font-feature-settings: "case" 1; /* case-sensitive forms */
EC Square Sans Pro typically includes:
| Weight | Style | Best for | |--------|-------|-----------| | Thin / Hairline | Normal, Italic | Large headlines, overlays on images | | Light | Normal, Italic | Subheaders, captions | | Regular | Normal, Italic | Body text (≥14px on screen), UI labels | | Medium | Normal, Italic | Emphasis within text, buttons | | Semibold | Normal, Italic | Subheadings, navigation | | Bold | Normal, Italic | Headlines, CTAs | | Heavy / Black | Normal, Italic | Posters, hero sections, logos |
Italics are true obliques (geometrically slanted), not cursive — use for emphasis without losing the geometric purity.