Search
28 Best Art Deco And Art Nouveau Fonts (2024)
8.1.2024
Art Deco and Art Nouveau are two of the most influential art movements of the 20th century, each with its own distinct characteristics. Art Nouveau is all about curves,...
The post 28 Best Art Deco And Art Nouveau Fonts (2024) appeared first on Onextrapixel
28 Best Tattoo Fonts for Getting Inked (2023)
17.8.2023
Looking for some ink-spiration? You’ll love our roundup of the best tattoo fonts available this year. Our design experts have trawled the market and handpicked the very best fonts...
The post 28 Best Tattoo Fonts for Getting Inked (2023) appeared first on Onextrapixel
Managing Fonts in WordPress Block Themes
6.3.2023
Fonts are a defining characteristic of the design of any site. That includes WordPress themes, where it’s common for theme developers to integrate a service like Google Fonts into the WordPress Customizer settings for a “classic” PHP-based theme. That hasn’t …
Managing Fonts in WordPress...
26 Best 60s Fonts for Groovy Designs for 2023
19.11.2022
Hoping to capture the spirit of the swinging sixties in your designs? Then check out these groovy 60s fonts! The sixties was the decade of free love, miniskirts, peace,...
The post 26 Best 60s Fonts for Groovy Designs for 2023 appeared first on Onextrapixel
24 Best Sci-Fi Fonts for Futuristic Designs for 2023
16.11.2022
Working on a futuristic, science fiction-themed design? Then you’ll love this collection of the best SciFi fonts—they’re out of this world! We’ve searched high and low to find the...
The post 24 Best Sci-Fi Fonts for Futuristic Designs for 2023 appeared first on Onextrapixel
40+ Best Fonts for Logo Design: Beautiful Typography Ideas to Inspire You (2023)
11.11.2022
When it comes to creating a logo, the font you choose is just as important as the design. A well-chosen typeface can convey the essence of your brand and...
The post 40+ Best Fonts for Logo Design: Beautiful Typography Ideas to Inspire You (2023) appeared first on Onextrapixel
26 Best Neon Fonts to Light Up Your Designs for 2023
11.11.2022
There’s nothing quite as atmospheric as the fluorescent glow and buzz of neon signs. Neon calls to mind cozy diners, trendy bars, and cheap motels. It’s an iconic symbol...
The post 26 Best Neon Fonts to Light Up Your Designs for 2023 appeared first on Onextrapixel
20+ Best Pixel Perfect Fonts for 8-bit Designs for 2023
28.10.2022
Pixel fonts are going through a kind of renaissance. Despite today’s high-resolution technology, artists and designers continue to use old-school pixelated fonts that were popular in the early days...
The post 20+ Best Pixel Perfect Fonts for 8-bit Designs for 2023 appeared first on Onextrapixel
Actually, the San Francisco Typeface Does Ship as a Variable Font
4.8.2022
Apple unveiled an expanded version of its San Francisco system font at WWDC 2022. Then, last month, Jim Nielsen zeroed in on the font’s variations, explaining how the font provides a spectrum of variations based on the width and weight…
Actually, the San Francisco Typeface Does Ship...
Bunny Fonts
30.6.2022
Bunny Fonts bills itself as the “privacy-first web font platform designed to put privacy back into the internet.”According to its FAQ:
With a zero-tracking and no-logging policy, Bunny Fonts helps you stay fully GDPR compliant and puts your user’s personal
…
Bunny Fonts...
15 Best Number Fonts for Displaying Numbers
20.6.2022
Website typography has multiple different aspects; displaying numbers on the screen is among the most important ones. There are many use cases when you might want to focus on...
The post 15 Best Number Fonts for Displaying Numbers appeared first on Onextrapixel
The CSS from-font Value Explained in 4 Demos
21.1.2022
I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) …
The CSS from-font Value Explained in 4 Demos originally published...
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Some Typography Links VII
1.9.2021
All-things-typography, from a hard-edged monospaced variable font to fonts in the "Twilight Zone" ... and much, much more.
The post Some Typography Links VII appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
System *Things
29.6.2021
I think we’re all largely aware of named colors in CSS:
color: OldLace;
background: rebeccapurple;
I guess you’d just call those “named colors” in CSS.
Those aren’t the only kind of named colors there are though. Some of them …
The post System *Things appeared...
Links on Typography
7.5.2021
These are a few great links about typography that have been burning a hole in my saved bookmarks folder that I'm just now getting around to sharing. There's good stuff in there, from how to choose typefaces for app design to ideas for how to fix the concept of font sizing in CSS.
The post Links...
Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode
10.12.2020
Black isn’t always slimming.
When recently testing a dark mode option for one of my sites, I experienced first-hand the issue that Robin Rendle addresses in this article. All of my page text — headings and body copy — appeared to bulk up when I switched to dark mode. And it didn’t matter what fonts...
Getting the Most Out of Variable Fonts on Google Fonts
30.7.2020
I have spent the past several years working (alongside a bunch of super talented people) on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts!
Wanna try it out super fast? Here’s the embed code to use the full Recursive variable font family from Google...
The Fastest Google Fonts
22.5.2020
When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you’re already saying, “I’m cool with FOUT,” which is another way of saying web text is displayed right away, and when the web font is ready...
How to Tame Line Height in CSS
15.5.2020
In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of lead...