Refind
×

Web Typography

Collection by Boris Périsset

Matterhorn
You landed on page 2.
Start from the top?
glyphsapp.com

Creating a Variable Font

~14 min read · From 2019 · Welcome to Variable Fonts in Glyphs! This tutorial covers a workflow for app version 2.5. Keep in mind that, while Glyphs can export working Variable Fonts, the implementation is currently in beta.…
Shared by 4, including Boris Périsset
glyphsapp.com

Font Editing for Everyone

20+ min read · From 2015 · Create – Produce – Release | Font Editing for Everyone
Reader View · Shared by 20, including René Clausen Nielsen, Boris Périsset, Chris Messina, Erika van der Bent 〰 Geeft Vorm
fonts
editing
app
Mozilla

line-height-step

2 min read · From 2018 · The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid.
Shared by 3, including Boris Périsset
typographynerd.de

Typography Nerd

From 2020
Shared by 3, including Boris Périsset
type.fan

Type Fan – Showcasing the best typography on the web

From 2020 · ✦ Find perfect typefaces for your next project. We tell you where to get the best free fonts as well as commercial fonts for web design.
Shared by 4, including Boris Périsset
timesnewarial.liebermannkiepereddemann.de

Times New Arial

1 min read · From 2020 · Times New Arial is a variable font concept form Liebermann Kiepe Reddemann produced by Elias Hanzer.
Shared by 16, including Chris Messina, Chris Peterson, Boris Périsset, Fabricio Teixeira
typography
arial
CSS-Tricks

How to Tame Line Height in CSS

7 min read · From 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,
Reader View · Shared by 64, including Davy De Pauw, Boris Périsset, CSS Weekly, Marius Bleuer
visual design
sharptype.co

Sharp Grotesk

From 2016 · Sharp Type is a new, independent type foundry
Shared by 5, including Boris Périsset
keenanpayne.com

Naming typography patterns in CSS

5 min read · From 2020 · I read a great article the other day by Dan Mall titled Typography in Design Systems. In it, Dan talks about how he approaches naming conventions for typography in design systems; specifically, some…
Reader View · Shared by 2, including Boris Périsset
SuperFriendly

Typography in Design Systems

5 min read · From 2020 · A typographic system that optimizes for guessability.
Reader View · Shared by 10, including Brad Frost, Boris Périsset, Marius Bleuer
figmadesign

Getting to the bottom of line height in Figma

~15 min read · From 2019 · We’re altering the way we handle text in Figma. Join me on the journey we took to get there — through type history and into the modern times.
Reader View · Shared by 59, including Kunal Bhatia, Stu Collett, Benoist Lawniczak, Boris Périsset, Fabricio Teixeira, Gabriele
css
history
methods
UX Collective

The performance benefits of Variable Fonts

10 min read · From 2020 · When we think about web fonts and their impact on the performance on our websites we often focus on three main areas:
Reader View · Shared by 56, including Boris Périsset, Marius Bleuer, Joe Lencioni, Davy De Pauw
visual design
CSS-Tricks

Fluid Typography

10 min read · From 2017 · Using viewport units and calc(), we can have font-size (and other properties) adjust their size based on the size of the screen. So rather than always bein
Reader View · Shared by 22, including Boris Périsset, Marc Wieland, Claus Heller 🇺🇦, DON’T PANIC
fluid typography
css
responsive
black-foundry.com

Grtsk - Black[Foundry]

From 2019
Shared by 5, including Dmitriy Kobets, Boris Périsset
foundry
CSS-Tricks

Simplified Fluid Typography

2 min read · From 2019 · Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core…
Reader View · Shared by 94, including Adrian Roselli 🗯, Chris Coyier, Boris Périsset, David Hellmann, henrik, Matteo Fogli, Pablo Stanley, Benoist Lawniczak
visual design
fluid typography
css
youtube.com

New CSS for Styling Underlines on the Web

From 2019 · Finally in 2019, we have new CSS that allows us a lot of powerful ways to style underlines. Jen Simmons walks you through the options. These three new proper...
Shared by 64, including Boris Périsset, Jen Simmons, DON’T PANIC, 6clicks | John Robert-Nicoud, Will Preston
visual design
underline
css
Get smarter every day.
About RefindDeep DivesTopicsHashtagsHelpLegal
PublishersCuratorsCross-promotionSponsors
© 2022 Refind Inc.
Apple App StoreGoogle Play StoreChrome Web Store
×

Get smarter every day

Every day we pick 7 links from around the web for you, tailored to your interests.

Or sign in with Twitter or Google


Have an account? Sign in

×

Get smarter every day

Every day we pick 7 links from around the web for you, tailored to your interests.

Or sign in with Twitter or Google


Not on Refind yet? Sign up

×

Share Web Typography

https://refind.com/boris_perisset/web-typography