leereamsnyder + typography   361

Brand New: New Logo and Identity for Tumblr by Dinamo and In-house
Really like the "lining" (links, underlines) variant on their custom typeface
design  typography  inspiration 
august 2018 by leereamsnyder
Wakamai Fondue, the tool that answers the question “what can my font do?”
Drop a font on here and it'll show you all the available glyphs and features
fonts  tools  typography 
may 2018 by leereamsnyder
Using UI System Fonts In Web Design: A Quick Practical Guide — Smashing Magazine

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
css  design  fonts  webdesign  typography 
march 2018 by leereamsnyder
Variable Fonts
Lots of demos of variable fonts. There are more of these available than I thought
design  fonts  browsers  webdesign  typography 
march 2018 by leereamsnyder
Shipping system fonts to GitHub.com · @mdo
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
css  webdesign  fonts  github  typography 
february 2018 by leereamsnyder
IBM Type - IBM Plex
“Thanks for your interest in IBM Plex, IBM’s new corporate type family. We welcome your feedback and contributions to this project. IBM Plex is open source, and should be used by IBMers for all typographical situations, replacing Helvetica Neue, whenever possible.”
fonts  free  opensource  typography 
december 2017 by leereamsnyder
Web Typography: Numerals · An A List Apart Article
touches on sub/superscripts, old-style numbers and CSS font properties to enable them properly
css  webdesign  typography 
october 2017 by leereamsnyder
Font style matcher
Helps you line up a webfoot with a system font so the transition isn't so jarring
css  fonts  webdesign  webtools  typography 
august 2017 by leereamsnyder
In Defense of Font Size Widgets - Zeldman on Web & Interaction Design
“A font size widget may smell like the pointless old-fashioned “user customization” to be found on half the unvisited sites in the Wayback Machine, but it is the very opposite of such stuff.”
accessibility  webdesign  typography 
january 2017 by leereamsnyder
The Typekit Blog | Flexible typography with CSS locks
I like the concept of "locks" to describe the use of min-width and max-width media queries to set the absolute boundaries of a calculated value like font-size or line-height
css  typography  layout  webdesign 
august 2016 by leereamsnyder
ET Book · Edward Tufte on GitHub
Tufte's screen-friendly version of Bembo. Free!
typography  fonts 
july 2016 by leereamsnyder
Molten Leading in CSS | CSS-Tricks
Use some math to dynamically set font-size and line-height as the viewport changes
css  sass  typography  mediaqueries 
june 2016 by leereamsnyder
Drowning the Crystal Goblet | Butterick’s Practical Typography
“ty­pog­ra­phy might be more like sea­son­ing in a casse­role: it doesn’t change the nu­tri­tional value, but it def­i­nitely makes the dish more fla­vor­ful and enjoyable.”
typography  design 
may 2016 by leereamsnyder
Truly Fluid Typography With vh And vw Units – Smashing Magazine
“On a small screen, heading sizes should be more uniform; a large screen has room for greater variation.”
css  rwd  typography  webdesign 
may 2016 by leereamsnyder
Webfonts Last | Frederic Marx — Web Designer, Front-End Developer
Perhaps web fonts should be the very last thing you worry about. Add them during page swaps or while the user isn't looking via the visibility api?
usability  ux  ui  webdesign  typography  performance  javascript 
may 2016 by leereamsnyder
The Value of Multi-Typeface Design — Prototyping: From UX to Front End
“You can still crystal goblet with multiple typefaces if the end result is that the audience notices the styling not for its own aesthetic characteristics, but for the type of content it’s presenting.”

(Although I wouldn't give this to someone who's just starting out)
design  typography  fonts 
may 2016 by leereamsnyder
The Veil of Ignorance
“I design for everyone I can think of. Which is a growing list of people with a growing list of concerns that possess a growing number of devices made up of a wide variety of screen sizes.

If everyone can use your product I think it's good for your business. But even if it wasn't, I think it would be the right thing to do. Which makes it worth doing.

So I'd do it anyway.”
accessibility  design  webdesign  typography 
march 2016 by leereamsnyder
Webfonts - Writing
“I never heard a user complain about:

the use of system fonts in a design.
a website having the same typeface as another site.
a page using system fonts that loaded too quickly.
a site NOT using web fonts.

On the flip side I:

observed users abandon a website because the page was loading slowly.
heard people complain about the dreaded flash of unstyled text.”
design  webdesign  typography  fonts  performance  ux 
march 2016 by leereamsnyder
People don't change the default 16px font size in their browser
Two urban legends:

default font size is 16px (not always)
people don't change that (they do, and we should support people who do)
accessibility  webdesign  ux  typography 
march 2016 by leereamsnyder
Dealing with long words in CSS | justmarkup
Also discusses issues with text-overflow and ellipses

This always happens:
.hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
browsers  css  layout  typography  webdesign 
march 2016 by leereamsnyder
Quick preview of modular type scales
typography  webdesign  tools 
march 2016 by leereamsnyder
REM vs EM – The Great Debate | Zell Liew's blog about web design and development
I have two simple rules:
Size in em if the property scales according to it’s font-size
Size everything else in rem.
css  webdesign  typography 
march 2016 by leereamsnyder
Overpass Web Font
Free font (Red Hat's) inspired by Highway Gothic
fonts  typography  free 
january 2016 by leereamsnyder
Type Brut › SÉLAVY
Fun "dot" font. Free webfont available also
fonts  typography 
december 2015 by leereamsnyder
« earlier      
per page:    204080120160

related tags

accessibility  analytics  animation  app  apple  art  ascii  audio  batman  blogs  book  books  branding  browsers  calligraphy  career  cartography  cheatsheet  chrome  cloud  color  comics  compression  contrast  copyright  craft  creativity  criticism  css  css3  cufon  culture  data  design  development  documentation  download  downloads  ethics  films  firefox  flash  flickr  font  fonts  forms  framework  free  fun  funny  gallery  generator  gifs  github  grammar  graphics  grid  hacks  history  howto  html  html5  humor  ia  icons  illustrator  images  indesign  infoporn  inspiration  interesting  internet  ios  ipad  iphone  javascript  jquery  keynote  layout  learning  letterpress  list  logo  logos  mac  magazine  maps  mediaqueries  menu  minimalism  mobile  movies  music  navigation  news  newyorker  nyc  opensource  osx  perception  performance  photography  photos  photoshop  php  plainenglish  plugins  politics  portfolio  posters  presentations  print  productivity  programming  psychology  publishing  reading  reference  regex  regexp  research  resets  resources  resume  rwd  safari  sass  science!  services  sifr  signs  slate  software  sounds  starwars  svg  symbols  templates  testing  text  textures  themes  tips  toblog  tools  toread  trends  tutorials  tv  typekit  typography  ui  usability  ux  vector  via:popular  video  visualization  web  webdesign  webkit  webtools  windows  Wordpress  writing  xhtml 

Copy this bookmark: