FontDiscovery

Share this post

FontDiscovery 🖼️ 112: Fantastic 3D Eye Candy Font👀✨

fontdiscovery.typogram.co

FontDiscovery 🖼️ 112: Fantastic 3D Eye Candy Font👀✨

Plus: What is Variable Font and Colors from Catskills Mountain!

Hua Shu
Mar 7
3
2
Share this post

FontDiscovery 🖼️ 112: Fantastic 3D Eye Candy Font👀✨

fontdiscovery.typogram.co

Hi Everyone 👋

How is your week so far?

Though the air is still cold up here in New Jersey, I could feel the spring coming soon due to the magic of seasonal allergies. I feel so happy knowing that the days are getting longer, and the sun is setting later ☀️.

Last week, I finally wrapped up the backend tool I was working on for Typogram! I had to brush up on some coding frameworks I haven't touched in a while. This week, enjoy a beautiful graphic font. And also, Enjoy the longer days!

In This Issue…

  • Font of the Week: Tilt Prism

  • Design idea: What is Variable Font? 

  • Color Inspiration: Catskill, New York

Do you have a friend who could profit from the weekly design tips, just like you do? Please consider forwarding or sharing FontDiscovery with your friend by clicking on the button down below.

Share FontDiscovery


Font of the Week 

About Tilt Prism

Tilt is an incredibly visual family of fonts. Tilt is inspired by the urban landscape, especially the protruding, three-dimensional lettering in storefront signages. 

There are three fonts, all variable, in the Tilt font family collection: Tilt Neon, Tilt Prism, and Tile Warp. The structure, or backbone of the font, is built from a geometric sans serif, and each font brings a different style and usage. Of the three, Tilt Prism is the most graphic and perfect for eye-catching marketing graphics and landing pages. My favorite part is the ability to manipulate this font’s rotation in the x and y directions through its variable axes.

Different styles of Tilt, source 

Font Details

  • Variation axes to manipulate the font visually 

  • Outline details, creating a fantastic 3D prism effect

  • Capitals only 

Tilt Prism rotation in x and y direction, source

How to use it for logo?

Due to its outlined details, Tilt Prism may not work well as a logo font because its stroked design could break. If you wish to use Tilt Prism as a logo font, make sure the letter details are legible in smaller sizes.

How to use it for marketing and branding?

Tilt Prism is perfect to use as display sizes for landing pages. The visual details (the best part) of Tilt Prism are most eye-catching when it is displayed at large sizes on landing pages and graphics. Tilt can be paired with sans-serif typefaces like Space Grotesk and serif fonts like Spectral. 


Design Idea of the Week

What is a Variable Font?

A variable font is a new font technology allowing a font to “generate” infinite weights and styles based on predefined parameters by its designers. 

Usually, if you select a font, you will often have limited weights, such as “regular” and “bold.”  But with variable font, you can have infinite weight choices because you can get weights between regular and bold. This interpolation also works for font styles because sometimes, font designers create special style axes for a font, as in the case of Tilt Prism, with axes for x-rotation and y-rotation.

Typically, variable fonts come with traditional static versions, making them more compatible with most design apps. These static versions are more than enough for many cool projects. Nevertheless, if you use the variable font version of this font, you can customize the parameters for each axis in CSS to create your unique flavor of the font for your designs.

Tilt Neon with x and y rotation axes, source

Color Inspiration

Catskill, New York

This week, enjoy colors from Catskill Mountain, New York! 

Catskill Mountains in New York 

Typography Jargon Buster!

Ascender

An ascender is a vertical stroke of a lowercase letter extending upwards, beyond the x-height, sometimes beyond the cap height. For example, “h” is a lowercase letter with an ascender. In general, typefaces having long ascenders and descenders help with readability. Long ascenders help make a lowercase more distinguishable as long as the other parts of the letters are legible.

font details - ascender 

Want more typography jargon buster? Check out this post!


Creative Prompt  

Create something with Tilt Prism.


Thank you

…for reading and hanging out here this week! Tilt Prism is available here.

2
Share this post

FontDiscovery 🖼️ 112: Fantastic 3D Eye Candy Font👀✨

fontdiscovery.typogram.co
2 Comments
Ben Sterne
Writes Ben Sterne's Newsletter
Mar 7Liked by Hua Shu

tilt warp epic!

Expand full comment
Reply
1 reply by Hua Shu
1 more comment…
TopNewCommunity

No posts

Ready for more?

© 2023 Hua Shu
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing