@font-face
font-family: 'EC Square Sans Pro';
src: url('fonts/ECSquareSansPro-Regular.woff2') format('woff2'),
url('fonts/ECSquareSansPro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
body
font-family: 'EC Square Sans Pro', 'Helvetica Neue', sans-serif;
Note: Web use requires a web license (EOT/WOFF/WOFF2) – do not convert desktop fonts without permission.
Because of its geometric construction, check these pairs manually in logos or large type:
# EC Square Sans Pro – Command Card✅ Good for: UI, dashboards, modern logos, technical docs, posters ❌ Bad for: Long novels, formal invitations, vintage branding
Default settings:
Check kerning: AV, To, rr, gj, rj Pair with: slab serif or humanist sans Avoid: other geometric sans
Windows:
macOS:
Linux:
Even experienced designers fall into these traps: ec square sans pro font work
| Problem | Solution |
|---------|----------|
| Looks too rigid in long paragraphs | Increase line-height to 1.5 and add slight tracking (+0.5%) |
| Capital O looks like a perfect circle (distracting) | Scale down slightly or use lowercase in UI |
| Legibility issues at 12px | Use Medium weight instead of Regular |
| Italics feel slanted but not emphasized | Use Medium or Semibold italics for real contrast |
| Web font renders blurry | Use font-display: swap and ensure WOFF2 format; test with -webkit-font-smoothing: antialiased |
Pro tip for EC Square Sans Pro: Due to its square proportions, the font performs better with slightly looser tracking in all-caps settings. Add +50 to +100 tracking for short uppercase headings.
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. Note: Web use requires a web license (EOT/WOFF/WOFF2)