Search

Nalezeno "variable fonts": 21

Actually, the San Francisco Typeface Does Ship as a Variable Font


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...

Collective #705


Understanding Layout Algorithms * Spruce CSS * PWA Resources * Variable fonts in real life The post Collective #705 appeared first on Codrops

Firefox’s `bolder` Default is a Problem for Variable Fonts


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


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

Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode


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


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...

Dark mode and variable fonts


Not so long ago, we wrote about dark mode in CSS and I’ve been thinking about how white text on a black background is pretty much always harder to read than black text on a white background. After thinking about this for a while, I realized that we can fix that problem by making the text thinner...

Some Typography Links


I just can’t stop bookmarking great links related to typography. I’m afraid I’m going to have to subject you, yet again, to a bunch of them all grouped up. So those of you that care about web type stuff, enjoy. I know there are lots of good reasons to be excited about variable...

Google Fonts + Variable Fonts


I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable fonts is...

Collective #595


Variable Fonts Primer * Cannon-es and use-cannon * Faux Code Generator * Learn Box Alignment Collective #595 was written by Mary Lou and published on Codrops

The Web in 2020: Extensibility and Interoperability


In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading toward two major trends/goals: extensibility and interoperability. Let’s break those down. Extensibility Extensibility describes...

Embracing the Universal Web


There are constantly new features appearing in browsers—from subgrid to variable fonts to better developer tools. It's a really great time to be re-thinking everything we know about design on the web. Responsive design has served us well over the years, but it's still rooted in the limitations...

Variations on Theme: Reinventing Type on the Web


If anyone knows anything about me, it’s usually one of two things: that I have two outrageously fluffy dogs, or that I like fonts and typography. Like, really really like them. So while I am super excited about how well Tristan is doing with his hydrotherapy —we’re walking 50% further than he...

Variable Fonts Link Dump!


There's been a ton of great stuff flying around about variable fonts lately (our tag has loads of stuff as well). I thought I'd round up all the new stuff I hadn't seen before. Google fonts has a beta of hosted variable fonts and the announcement demo is on CodePen. Speaking of Google Fonts...

Collective #436


Page Lifecycle API * Keyframes * Rockstar * Terminalizer * Malvid * Callback Exercises * DOM-wait * Pure CSS Stack * Weird things variable fonts can do Collective #436 was written by Pedro Botelho and published on Codrops

Font Playground


This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...

Weird things variable fonts can do


I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case. Just check out many of the interactive demos over...

Better rendering for variable fonts


I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace