LINKDING

Login

Shared bookmarks

Top 50 Google Font Pairings [Handpicked by Pro Designers] - PageCloud Blog - Web Design & Small Business Tips for Your Website

#design #fonts #google #googlefonts #typography #webdesign

2 years ago | View Shared by ttscoff
All you need is 5 fonts | Better Web Type

#design #fonts #toread #typography #webdesign | <blockquote>There weren’t as many web fonts to pick from when I started my freelance career in the early 2000s, still I was always overwhelmed by the number of fonts to choose from. With no formal education in design or typography, my choices were uninformed and limited.</blockquote>

3 years ago | View Shared by ttscoff
How to choose a font for a project | Better Web Type

#design #fonts #toread #typography #webdesign

3 years ago | View Shared by ttscoff
The details of UI typography - WWDC 2020

#.blogit #typography #ui | From Apple's WWDC Videos > Learn how to achieve exceptional typography in your app's user interface that enhances legibility, accessibility, and consistency...

4 years ago | View Shared by ttscoff
Lora fonts — serif family for text

#.blogit #font #opensource #typography | > Lora is a well-balanced contemporary serif with roots in calligraphy. It is a text typeface with moderate contrast well suited for body text. (Open Source!)

4 years ago | View Shared by ttscoff
Typography.js

#css #javascript #tools #typography #webdesign | <blockquote>A powerful toolkit for building websites with beautiful design.</blockquote>

4 years ago | View Shared by ttscoff
Type Scale - A Visual Calculator

#calculator #generator #scale #typography #webdesign | <blockquote>Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.</blockquote>

4 years ago | View Shared by ttscoff
JetBrains Mono: A free and open source typeface for developers

#.blogit #developer #monospace #typography | I think this is my new IDE font.

4 years ago | View Shared by ttscoff
Triangle - Better Web Type

#.blogit #typography #webdesign | If you can't enjoy a game based around typographic perfection, this is not for you.

4 years ago | View Shared by ttscoff
jakegiltsoff/sassline: Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.

#sass #typography #verticalrhythm #webdesign | Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale. - jakegiltsoff/sassline

5 years ago | View Shared by ttscoff
Using Sass & Compass Vertical Rhythm to set up typography defaults in a project.

#sass #typography #verticalrhythm #webdesign | The basic variables for the type settings are the $base-font-size, $base-line-height and $rhythm-unit. They are set in pixels for the Compass vertical rhythm to use as default values, then later on…

5 years ago | View Shared by ttscoff
Control vertical rhythm using Sass and Compass - Developer Drive

#sass #typography #verticalrhythm #webdesign

5 years ago | View Shared by ttscoff
randoFont

#.blogit #font #typography | A simple but handy little tool for randomly exploring Google fonts. You can specify categories (serif, sans, mono, display) and then just shuffle through the fonts. When you don't have specific requirements and are just looking for a good font, it's a lot nicer to see a few at a time than pages of results...

5 years ago | View Shared by ttscoff
ChooseDaFont: Fonts for your Logo in Seconds

#font #generator #typography | With ChooseDaFont you will find the ideal font for your brand logo. Discover color combinations and fonts for your brand logo.

5 years ago | View Shared by ttscoff
Typography Resources by Amrit Pal Singh

#.blogit #resource #typography | A treasure trove of font and typography resources for print and web designers.

5 years ago | View Shared by ttscoff
Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts

#calculator #css #font #rhythm #typography #webdesign

5 years ago | View Shared by ttscoff
FontBase — The Best Fontcase Alternative

#.blogit #font #mac #typography | FontBase is a free font utility for designers that gives you all the features of Fontcase.

5 years ago | View Shared by ttscoff
FontPair - Helps you pair Google Fonts together

#font #typography #webdesign | Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.

5 years ago | View Shared by ttscoff
Renner*

#.blogit #font #typography | Like Futura but want something that looks a little less... 90 years old? This pay-what-you want font (named after Futura designer Paul Renner) created by Indestructible Type is worth trying out for your next sans-serif design need. Check out their other fonts while you there, they're doing some really cool stuff.

6 years ago | View Shared by ttscoff
The Ultimate Collection of Google Font Pairings

#.blogit #fonts #typography #webdesign | A beautifully laid-out collection of 50 font pairings from Google Fonts.

7 years ago | View Shared by ttscoff
Typ.io Fonts that go together

#.blogit #Inspiration #design #font #fonts #toread #typography | Web font inspiration and pairing ideas.

7 years ago | View Shared by ttscoff
Typography tips for a better user experience – Studio Function – Medium

#typography #ux | The average person with a smartphone or laptop and a stable internet connection probably spends more time interacting with typography in a single day than with food, music, and family combined. The…

7 years ago | View Shared by ttscoff
The Type Snob - And how to turn into one

#.blogit #typography | Well-written and fun read from Pablo Stanley, discussing the basics of typography, typeface pairing, and designing for screen. Also see [Typography tips for a better user experience](https://medium.com/studio-function/typography-tips-for-a-better-user-experience-30a1a48371e6#.z5oro8fn4) from Studio Function.

7 years ago | View Shared by ttscoff
Type Anything

#.blogit #font #typography #webdesign | A free typography tool for creating and trying out font combinations for web projects. I'm a sucker for anything that makes typography easier...

8 years ago | View Shared by ttscoff
matejlatin/Gutenberg: A meaningful web typography starter kit.

#.marked #css #typography #webdesign | Gutenberg - A meaningful web typography starter kit.

8 years ago | View Shared by ttscoff
Gutenberg — A Meaningful Web Typography Starter Kit

#.blogit #typography #webdesign | A "web typography starter kit." Sets up vertical rhythm, base type sizes, and other important considerations in a flexible way using a Sass framework.

8 years ago | View Shared by ttscoff
A Beginner’s Guide to Kerning Like a Designer – Design School

#.blogit #typography | For designers, a great guide to kerning basics.

8 years ago | View Shared by ttscoff
I Left My System Fonts in San Francisco • furbo.org

#css #osx #typography | body { font-family: system, -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande"; }

9 years ago | View Shared by ttscoff
Hack: A typeface designed for source code

#.blogit #.readinglist #coding #font #fonts #monospace #programming #typography | My new favorite text editor font. I still use [Meslo](https://github.com/andreberg/Meslo-Font) in apps like nvALT, mostly because it has versions with different linespacing, but in Sublime and Xcode, this is excellent.

9 years ago | View Shared by ttscoff
Sassline

#.blogit #css #rhythm #sass #typography #webdesign | If you design for the web, you've been inundated with typography talk for the last few years. Decade, really. There have been a few great tools to simplify vertical rythm, and more that have adapted for responsive design. Here's a collection of base typography styles and Sass mixins that make it simple.

9 years ago | View Shared by ttscoff

User

Tags