Weird Things Font: A Web Designer’s Honest Take
I was building a hero section for a creative portfolio last week. The project was for an illustrator whose work defies easy categorization. Their work is fun, spooky, and deeply human. Every standard sans serif font I tried felt like putting a suit on a rockstar. Then I dropped in Weird Things. The headline was “Embrace the Strange.” It clicked immediately. The uneven baseline, the playful curves, the slight edge of a Halloween poster—it was perfect.
This is the power of a great display font. It doesn’t just convey information; it sets a mood. Here is my honest, practical experience using Weird Things in a real digital layout, from readability checks to font pairing decisions.
First Impressions of a Quirky Display Typeface
Weird Things is a display typeface that doesn’t try to blend in. It’s a creative font with a strong personality. It sits firmly in the Display category, meaning it is built for impact, not for paragraphs of body text. The letterforms have a natural, hand-drawn quality. It’s not a rigid sans serif font or a traditional serif font. It’s something in between—a playful, quirky handwritten font aesthetic that has been digitized for modern use.
The mood is undeniably playful and slightly spooky. It’s the perfect font for Halloween, but it’s a mistake to limit it to one season. It works for any brand that wants to communicate creativity, non-conformity, and a sense of fun. From a modern typography perspective, it’s a breath of fresh air in a sea of safe, generic choices. When I first loaded it into my design tool, I immediately noticed the “weird” details—the uneven strokes, the playful ascenders, and the dramatic descenders. It feels like a modern take on a vintage horror poster, but cleaned up for the digital age.
Testing Readability in a Live Layout
I immediately ran it through a mobile responsive test. At 72px on a 4K monitor, it looked incredible. The kerning was solid, and the quirky details added character. But on a 375px mobile screen, the details required space. This confirmed my hypothesis: Weird Things is a hero font, not a workhorse.
For a product landing page I was testing, I used it for the main headline. I paired it with a clean sans serif font for the body copy, navigation, and buttons. This created a clear visual hierarchy. The user’s eye hits the quirky headline, registers the brand’s personality, and then comfortably scans the body text. This is essential for brand trust and professionalism. A user shouldn’t have to struggle to read your content.
I also tested it over a dark background image. With a subtle gradient overlay, the white text popped beautifully. The contrast was high, and the spooky vibe was amplified without sacrificing readability. For a call-to-action area, I kept the text short—“Shop Now” or “Get Spooky”—and the font added a sense of urgency and fun that a standard sans serif font simply couldn’t match.
Where Weird Things Shines in Web Design
I started experimenting with it in different contexts. It worked incredibly well for a campaign landing page for a limited-edition product drop. The timer and the “Shop Now” button were framed by the headline in Weird Things. It created urgency with a sense of play.
For a coaching website aimed at creative professionals, using it for the main blog header turned a standard layout into something memorable. It signals that the content inside isn’t boring corporate advice. It’s different. It’s for people who think differently.
Here are a few specific areas where it outperforms standard fonts:
- Hero Titles: Creates an immediate visual anchor that defines the page.
- Logo Text: For a brand name, it eliminates the need for a complex logo.
- Social Media Graphics: Cuts through the noise of the feed and stops the scroll.
- Online Shop Banners: Perfect for seasonal sales or quirky brand identities.
In every case, I used it as a decorative accent rather than the main workhorse of the text. This is key to maintaining consistency and professionalism. It’s a premium font that should be used deliberately, not everywhere.
Building a Consistent Brand Kit with Weird Things
No font works in a vacuum. Font pairing is essential for a cohesive digital identity. Weird Things is a strong personality, so it needs a grounded partner.
For a recent portfolio site, I paired it with a standard sans serif font like Inter for all body copy, navigation, and UI elements. The contrast was fantastic. The playful, uneven nature of the headline was balanced by the clean, geometric structure of the UI. This created a modern typography system that felt both unique and usable.
For a more editorial feel—like a course sales page or a digital magazine—I paired it with a serif font like Crimson Text. This created a sophisticated, almost literary feel, but with a modern, digital edge. The pairing tells the user: “This is high quality, but we don’t take ourselves too seriously.” It’s a great way to build a brand identity that feels bespoke.
Webfont Performance and Licensing Checks
Before committing to any commercial font in a client project, I run a quick checklist. Weird Things is a premium font—you need the right license for web use. I checked the EULA to ensure it covered web design and client work. This is a step I never skip, especially with design assets that are used in a final product.
From a performance standpoint, check the file formats (WOFF2 is ideal for web). Since it’s a display font, the file size is usually manageable. I also looked for alternates and stylistic sets. Having a few different glyphs for the same letter adds a handmade, organic feel to the typography, which is a huge plus for brand identity.
Does it support multiple languages? If you’re building a global site, check the multilingual support. Some display fonts are limited to basic Latin characters, which can be a dealbreaker for international projects.
Is Weird Things Right for Your Digital Project?
I’ve been using it in a few iterations now, and my conclusion is that it’s a fantastic tool for the right job. It’s not a replacement for your go-to sans serif font or serif font for body text. It’s a secret weapon for the hero section.
It adds a layer of modern typography that feels fresh and engaging. Users are tired of generic templates. A font like Weird Things immediately signals that you care about the details. It bridges the gap between a playful, spooky aesthetic and a polished, professional online brand experience. It feels like a handwritten font that was carefully crafted for digital use, not just a scanned drawing.
If you’re a web designer or UI designer looking to add a unique voice to your design assets, give it a try. Start with a headline. See how it feels. For landing page designers and digital product creators, it’s a powerful way to differentiate your work without reinventing the wheel. Just remember to pair it wisely and prioritize readability on mobile. When used correctly, Weird Things doesn’t just display text—it creates an experience. And in a crowded digital landscape, that’s exactly what you need.
