Original block display / Design preview 0.100
BACKLINE
Heavy strokes. Cut corners. A voice built for the front row. Two related faces, with an optional star inside the A.
Make some noise.
Actual local font files. Your text stays in this browser.Loading both font files…
Press works best at 96 px and above. Choose Clean for smaller headlines.
One structure. Two impressions.
No texture overlay: the wear is inside the Press font outlines.01 / Clean
AaR
Solid geometry for web titles, event identities and clean print. Start at 48 px on screen or 36 pt in print.
02 / Press
AaR
Controlled ink wear for large posters and cover titles. Start at 96 px on screen or 72 pt in print.
Signature glyph / uppercase A
A star when you want one.
The ordinary A remains the default. Turn on stylistic set 01 to reveal the star. Both versions share the same width and kerning.
Clipped corners. Open interiors.
Thick stems and chamfered bowls carry the character. Counters and joins are regularized so new words can hold together.
A family beyond the reference.
Lowercase, numerals, punctuation and Latin accents follow the same construction. These are independently authored outlines, not extracted image contours.
More than a two-word poster.
ASCII · Latin-1 · Latin Extended-A · selected punctuation · 13 combining marksABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ! ? € £ $
Explore all 344 encoded characters
Combining marks are displayed on a base a. Blank cells are spacing characters. Star A is an OpenType alternate, not a separate Unicode character.
Built for the headline.
Use a neutral text face for paragraphs, navigation and captions.48 PX / CLEAN / WEB DISPLAY MINIMUM
Live music. Real energy.
96 PX / PRESS / LARGE DISPLAY MINIMUM
PLAY IT LOUD.
BODY SETTING / SYSTEM SANS
Doors open at seven. Find your place near the stage, meet the people who make the music and stay for one more song. This fictional event setting pairs a loud display face with quiet, readable supporting text.
Failure proof / intentionally below the contract
Give these shapes room.
Dense paragraphs at 14 px lose the small spaces that make this heavy lettering readable. The ink wear becomes noise. This is deliberately too small and low in contrast.
Clean is intended for 48–320 px headlines; Press for 96–480 px titles. Short words, generous line spacing and the built-in kerning are a good starting point.
Design preview / version 0.100
Know the scope.
- English and the declared Latin character set. No Hangul, Cyrillic or complete Greek.
- Two heavy faces. Synthetic bold or italic are not designed styles.
- The same letter repeats the same texture. There is no random contextual alternate system.
- Binary, shaping and raster checks are included. Word, Adobe and macOS layout certification is pending.
JFFF BACKLINE / 0.100
Your next headline starts here.
Install either TTF or OTF for each face. Use WOFF2 on the web. All formats have matching coverage and features. Free for personal and commercial projects under SIL OFL 1.1; keep the license with redistributed font files.
Backline Clean
Backline Press
@font-face {
font-family: "JFFF Backline Press";
src: url("JFFFBacklinePress-Regular.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
.headline {
font-family: "JFFF Backline Press", sans-serif;
font-weight: 900;
font-size: 96px;
font-kerning: normal;
font-feature-settings: "ss01" 1; /* optional star A */
font-synthesis: none;
line-height: 1.2;
}