Updates the text dynamically while maintaining the CSS effects.
const input = document.getElementById('collide-input');
const display = document.getElementById('collide-display');
const btn = document.getElementById('render-btn');
function updateText()
const text = input.value.toUpperCase();
display.innerText = text;
display.setAttribute('data-text', text); // Updates the pseudo-elements
btn.addEventListener('click', () =>
updateText();
);
// Allow 'Enter' key to trigger update
input.addEventListener('keypress', (e) =>
if (e.key === 'Enter') updateText();
);
While expensive, Requiem is the spiritual cousin. It features razor-sharp, dramatic serifs that feel classical but dangerous. If you distort Requiem and add a rough texture, you get 90% of the way to the Collide with the Sky title.
Thanks to the eagle-eyed work of the font identification community (special shout-out to Reddit’s r/identifythisfont and WhatTheFont), the exact typeface has been tracked down.
The primary font used for the Collide with the Sky title is a custom variation of Goodbye 1977. pierce the veil collide with the sky font
Here’s the catch: Goodbye 1977 is a retro, rounded, stencil-style display font. The version on the album cover has been heavily modified. The designers (from the band’s long-time art collaborators) took that base and sharpened it, stretched it, and gave it that signature jagged, aggressive edge that mirrors the music inside.
If you’re looking for a ready-to-use alternative that captures the same vibe, try:
Since you cannot download the official font, here are the closest commercial and free alternatives that capture the violent elegance of Pierce the Veil’s aesthetic. Updates the text dynamically while maintaining the CSS
The typeface used for Collide with the Sky is most commonly identified in the design community as "Squealer" (specifically a heavily modified, distressed version of the font).
At its core, Squealer is a bold, condensed display face. It features high contrast between thick and thin strokes, giving it a sense of authority and impact. However, the version utilized by Pierce the Veil abandons the clean lines of a standard typeface in favor of texture. The letters appear worn, scratched, and weathered—as if they have been dragged through the atmosphere or printed on a surface that is slowly disintegrating.
This "distressed" or "grunge" style was a staple of the era’s aesthetic, but the application here serves a specific narrative purpose. The album deals with themes of anxiety, heartbreak, and the search for hope in dark places. A clean, sterile sans-serif font would have felt too corporate; a flowing script might have felt too delicate. This font strikes a balance: it is bold enough to scream, but damaged enough to show vulnerability. While expensive, Requiem is the spiritual cousin
This is where most people get confused. The swirly, cursive, gothic-looking "Pierce the Veil" text is not a font. It was custom-drawn for the band.
Pro Tip: For accurate logo work, find a high-resolution PNG of the actual logo (use sites like SeekLogo or Brands of the World). Do not try to type it out in a "fake" font – it will look off to any fan.