The Veil Collide With The Sky Font — Pierce

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();
);

If you want the distressed aspect of the font, Broken Ghost comes pre-cracked and grungy. It is a display font meant for horror posters, but it aligns perfectly with the album’s themes of falling, crashing, and surviving. pierce the veil collide with the sky font

Available on many free font repositories, Axl is a heavy, modern serif with pointed terminals. It lacks the custom skateboard-sticker distortion of the original, but its bone structure is nearly identical. It is the most common stand-in for fan-made lyric videos. Updates the text dynamically while maintaining the CSS

This feature creates text that appears "shattered" or "glitched," mimicking the album cover. It uses CSS clip-path and pseudo-elements to create the signature jagged edges. If you want the distressed aspect of the

In the landscape of 2010s post-hardcore, few album covers are as instantly recognizable as Pierce the Veil’s 2012 masterpiece, Collide with the Sky. While the surrealist artwork—a figure suspended in a dreamlike, cloudy void—draws the eye, it is the typography that anchors the identity of the band’s watershed moment.

The font used for the album title is not just a text choice; it is a visual metaphor for the music contained within: chaotic, emotional, and beautifully frayed at the edges.