Infested: A Brutal Display Font for Bold Web Typography
I was staring at a hero section that felt completely lifeless. The boutique horror merchandise store I'd been redesigning needed something with edge, something that stopped visitors mid-scroll. Clean sans serif headlines weren't cutting it. The brand sold handcrafted props, dark art prints, and limited-edition collectibles, and the typography needed to match that raw, unpolished energy. That's when I started testing Infested, a display font that looks like it crawled out of a zombie apocalypse and landed straight into a CSS file.
What struck me immediately was the texture. Infested isn't a smooth, polished typeface. It's scratched, distressed, and deliberately rough around the edges. Each letterform carries visible wear, like something scraped its way across concrete. For a web designer accustomed to clean vectors and pixel-perfect rendering, this felt like a refreshing departure. The font has personality that doesn't need additional effects, overlays, or Photoshop filters to communicate its mood.
What Makes Infested Stand Out as a Digital Display Font
Display fonts live or die by their impact at large sizes, and Infested thrives in that space. The letterforms are bold and condensed enough to work in tight headline spaces without losing readability. When I placed it at 72px in the hero section of the horror store's homepage, the scratched texture remained crisp on retina screens. That's something I always check because distressed fonts can turn into muddy blobs if the detailing isn't designed for screen rendering.
The font carries a gritty, survival-horror personality that immediately signals genre. You don't need to explain what the brand is about when the typography does half the storytelling. The distress marks are distributed organically across the character set, so repeated letters don't show identical scratch patterns. This subtle variation keeps headlines feeling handmade rather than mechanically repeated.
Beyond the aesthetic, I noticed the x-height sits comfortably high, which helps maintain legibility even when the font is used at moderate sizes. The counters remain open enough that characters don't collapse into each other, a common issue with heavily textured display typefaces. This matters enormously when you're placing text over image backgrounds or in dark-mode layouts where contrast can be unforgiving.
Testing Infested in a Real Website Layout
The project I was working on needed a font that could anchor the visual hierarchy without competing with detailed product photography. The store's inventory included intricate prop replicas with lots of visual detail, so the headline typography needed to be bold but not visually overwhelming. I set Infested as the primary display font for hero titles, featured collection banners, and promotional announcement bars.
For the hero section, I placed the main headline over a desaturated background image with a subtle dark overlay. The scratched texture of the font caught the light differently than the flat background, creating a natural separation that didn't require heavy drop shadows or outlines. The effect felt integrated rather than pasted on, which is exactly what you want when typography needs to feel like part of the brand environment.
On the mobile breakpoint, I scaled the font down to around 42px for the hero headline. The distressing remained visible, and the condensed proportions helped maintain a strong presence without forcing awkward line breaks. One thing I'll note: at very small sizes, below 24px, the texture starts to work against legibility. This isn't a body copy font, and treating it as one would be a mistake. I kept it strictly for headings, banners, and short attention-grabbing phrases.
Where Infested Performs Best in Digital Projects
This font excels in contexts where you need to establish a dark, edgy, or horror-themed brand identity quickly. I've seen similar display fonts used effectively on gaming merchandise sites, escape room landing pages, Halloween event promotions, and independent horror film websites. Infested would also work for alternative fashion boutiques, metal band promotional pages, or creative portfolio sites for illustrators who specialize in dark fantasy and horror art.
For a course creator selling a horror writing workshop, Infested could anchor the sales page headline, immediately signaling the genre before a single word of body copy is read. For a podcast about survival horror games, the font could brand the episode artwork and website header with consistent, recognizable typography. The key is matching the font's intensity to the project's actual tone. Using Infested on a minimalist wellness blog would feel jarring; using it on a limited-edition zombie-themed streetwear drop feels perfectly aligned.
I've also considered how this font would work in digital ad creative. Since display ads are often viewed at smaller sizes and for shorter durations, a font with strong visual character can help brand recognition. Imagine a Facebook carousel ad for a horror convention, with Infested announcing "TICKETS ON SALE" across each card. The distressed texture would make the typography feel like part of the promotional artwork rather than a separate text layer.
Readability and Responsive Considerations
When I tested Infested on different screen sizes, a few practical observations emerged. On light backgrounds, the distressed details pop clearly, but the font benefits from slightly increased contrast. I found that using a near-black (#1a1a1a) rather than pure black (#000000) softened the harshness slightly without losing the gritty character. On dark backgrounds, the font performed well in white, though I'd recommend avoiding thin font weights if the typeface includes multiple weights, since the distressed details can become harder to read against busy dark textures.
For image overlays, I positioned the text over darker areas of the hero images whenever possible. The font's rough edges can compete with complex photographic backgrounds, so a subtle overlay or gradient behind the text helped maintain readability without hiding the texture. I used a CSS text-shadow sparingly, just a soft 1px blur with low opacity, to give the letters a bit of breathing room on images with mixed contrast.
On responsive layouts, the font condensed nicely without breaking. I didn't need to adjust letter-spacing much at larger sizes, though at the 32-48px range, adding a touch of spacing (around 0.5px) helped the scratched details breathe. For buttons, I kept Infested to short calls-to-action like "SHOP THE COLLECTION" or "ENTER IF YOU DARE" where the condensed, aggressive style added urgency without sacrificing clickability.
Font Pairing Strategies for a Polished Digital Brand
Pairing a display font like Infested with the right supporting typeface makes or breaks a web design. The contrast needs to be intentional. I paired Infested with a clean, neutral sans serif for body copy, navigation labels, and product descriptions. The sans serif acted as a calm anchor, allowing the display font to feel like a deliberate design choice rather than chaotic noise.
For the horror merchandise store, I used a geometric sans serif with even stroke widths and open apertures. The body text felt legible and approachable, which balanced the aggressive energy of the headlines. This pairing approach works because the display font does the emotional heavy lifting while the supporting typeface handles the functional reading tasks. The result is a site that feels atmospheric without sacrificing usability.
For a more editorial direction, you could pair Infested with a classic serif font for body copy. The contrast between distressed, modern display typography and refined, traditional serif letterforms creates an interesting tension suitable for a dark literary magazine, a horror fiction blog, or a creative brand that wants to straddle sophistication and edge. The key is restraint: let Infested own the headlines and keep the supporting typeface simple.
Practical Considerations for Web Use
Before committing any display font to a live website, I always check the webfont formats and licensing terms. Infested needs to be available in WOFF and WOFF2 formats for broad browser support and efficient loading. Since display fonts tend to have larger file sizes, especially textured ones with detailed character sets, I'd recommend subsetting the font to include only the characters needed for your headlines. This keeps page load times fast, which is critical for SEO and user experience.
Commercial font licensing is another checkpoint. If you're using Infested on a client project, an online store, or a digital product, verify that the license covers web embedding, not just desktop use. Many premium fonts require a separate webfont license, and font foundries are increasingly strict about compliance. The same applies if you're using the font in digital templates, brand kits, or downloadable assets you plan to distribute or sell.
Check what styles are included in the font family. Some display fonts come in a single weight, while others offer light, regular, bold, and italic variations. Having multiple weights gives you more flexibility for creating visual hierarchy within heading levels. If Infested includes alternates, ligatures, or swash characters, enabling those through CSS font-feature-settings can add another layer of customization to your headlines.
Multilingual support is worth confirming if your project targets an international audience. Display fonts sometimes have limited character sets, so if your headlines need diacritics, special punctuation, or non-Latin characters, verify that the font covers those glyphs before committing to the design direction.
Building a Consistent Brand Identity With Infested
Once I settled on Infested for the hero and banner headlines, I extended the typographic identity across the brand's digital touchpoints. The font appeared in email newsletter headers, social media announcement templates, and the favicon letterform. Consistency across these channels reinforces brand recognition. When a subscriber sees the same scratched headline style in their inbox that they saw on the website, the brand feels cohesive and intentional.
For a digital brand kit, I documented exactly where Infested should appear: hero titles, collection banners, promotional overlays, and Instagram story templates. I specified the minimum font size, the approved color variations, and the pairing rules for body copy. This kind of documentation prevents the font from being misused in contexts where it would hurt readability or dilute the brand's visual impact.
I also tested the font in logo lockups. While Infested is primarily a display typeface, it worked well for a wordmark treatment when combined with a simpler tagline font. The scratched texture gave the brand name a distinctive, ownable quality that would be difficult to replicate with off-the-shelf typography. For creative businesses that want their logo to feel custom and handcrafted, a font like Infested can shortcut that process without sacrificing uniqueness.
When to Reach for Infested in Your Next Project
Not every project needs a brutal, scratched typeface, but when the creative direction calls for unapologetic edge, Infested delivers. It's built for moments when typography needs to do more than convey words, it needs to set a mood, establish a genre, or telegraph a brand's personality before the visitor reads a single sentence. For horror-themed online stores, dark creative portfolios, gaming event landing pages, and alternative brand identities, this font earns its place in the typographic toolkit.
The font's strength lies in its restraint. It doesn't try to be versatile across every context. It knows exactly what it is, a gritty, post-apocalyptic display typeface that brings texture and attitude to digital headlines. In a web design landscape where most sites default to the same handful of clean sans serif families, Infested offers a way to stand out without needing complex visual effects or heavy image assets.
If you're building a landing page, an online store, or a brand identity that needs to feel dangerous, handmade, and unforgettable, test Infested in your hero section. See how it transforms a flat headline into a statement. Just remember to pair it thoughtfully, respect its role as a display font, and keep the body copy clean and readable. The contrast between order and chaos is where the best typographic systems live.
