recentpopularlog in

piperh : type   201

« earlier  
Color Fonts - Get ready for the revolution!
article about current of colour fonts and svg opentype (June 2019)
webdesign  web  design  graphic  type  typography  font  colour  color  svg  opentype 
2 days ago by piperh
The State of Fluid Web Typography | Better Web Type
there's a bit in here that says sizing type in px limits accessibility - which is contrary to what other articles about font units say. The techniques described here seem like an awful lot of faff and coding for limited improvement. Author concludes (june2019) 'fluid typography' isn't yet ready, better stick with 'responsive'
webdesign  web  design  fluid  typography  type  font  scale  responsive  adaptive  size  css 
12 days ago by piperh
MVB Fonts: Home
Mark Van Bronkhorst fonts. MVB Sirenne used in Judith Schalansky's 'Atlas of Remote Islands'
foundry  fonts  type  typography  graphic  design  book  schalansky  judith  mark  van  bronkhorst 
6 weeks ago by piperh
You probably don’t need input type=“number”
why using type="number" isn't always a good idea on form input fields
webdesign  web  design  input  form  number  type  field  usability  ux  touch  screen  numeric 
10 weeks ago by piperh
National Park Typeface
a webfont that imitates effect of using router on wood - ie, rounded ends. Free to download
webdesign  web  design  font  rounded  router  national  park  webfont  type  typography  graphic 
february 2019 by piperh
Somos tipos de letra | Babelia | EL PAÍS
article from Babelia 5.1.19: 'Somos tipos de letra'. Some nice image samples, too.
typography  graphic  design  type  elpaís  newspaper  spain  babelia  momento  tipográfico 
january 2019 by piperh
Web Typography Resources for Web Designers and Web Developers | Better Web Type
they say: 'A growing list of web typography related apps, tools, plugins and other resources for web designers and web developers.'
webdesign  web  design  type  typography  font  resources  tools  apps  plugins 
august 2018 by piperh
A Reference Guide For Typography In Mobile Web Design — Smashing Magazine
in-depth article on typography for mobile. Some stuff obvious or common sense but some useful references and advice.
webdesign  web  design  mobile  responsive  type  typography  font  android  apple  default 
june 2018 by piperh
Type Network
An alliance of independent type designers. I only checked one set of prices and it was very expensive.
webdesign  web  design  graphic  type  typeface  fonts  foundry  designer  typography  network  alliance 
may 2018 by piperh
Bigs & Littles
interesting demo of transparency effect of overlaid characters using css opacity
webdesign  web  design  type  effect  character  alphabet  letters  opacity  overlay  transparent  transparency 
march 2018 by piperh
Fontanello – because you have a weak spot for fonts
extension for Firefox and Chrome that will show you font and applied styles
webdesign  web  design  font  type  typography  face  typeface  display  style  name  browser  extension  tool 
march 2018 by piperh
CSS Techniques and Effects for Knockout Text | CSS-Tricks
words are clipped out of an element and reveal the background
webdesign  web  design  css  text  type  effect  knockout  overlay  blend  pierce  multiply  transition  mask 
march 2018 by piperh
Rosetta
Rosetta digital font foundry
web  graphic  design  fonts  foundry  typography  type 
january 2018 by piperh
Production Type
Paris type design studio. They designed Spectral for Google fonts
foundry  design  designers  type  typeface  typography  fonts 
december 2017 by piperh
Spectral - Google Fonts
A font designed for screen (by 'Production Type' in Paris). Very chiseled serif. Looks interesting at text size but somewhat clunky/chunky at display. Lots of weights.
font  spectral  google  googlefont  type  typography  serif  face  typeface  free 
december 2017 by piperh
Blog | BunkerType
blog of letterpress guy, Jesus Morentín, who was selling at printworkers, Dec '17. Has list of other relevant sites and blogs
print  printing  letterpress  type  woodtype  printworkers  barcelona 
december 2017 by piperh
Text input highlight, TripAdvisor style – freeCodeCamp
they say: create a text input style like the search input on TripAdvisor.
webdesign  web  design  effect  underline  type  text  input  style 
november 2017 by piperh
WhatTheFont! « MyFonts
myfonts online tool to identify a font
what  the  font  whatthefont  identify  tool  typography  type  design  database 
november 2017 by piperh
T.26 Digital Type Foundry
t26, designers and sellers of fonts
font  fonts  foundry  designer  design  type  typography  t26 
october 2017 by piperh
HvD Fonts
fonts designed by Hannes von Döhren
font  foundry  designer  fonts  type  typography  publisher  design 
october 2017 by piperh
The Typekit Blog | Now in Early Access: Serve web fonts without JavaScript
Typekit blog post about their new (Sept 17) css-only embed code
typekit  blog  css  fonts  fout  js  @import  type  webfonts  web  embed  code 
september 2017 by piperh
baffle.js
javascript library for obfuscating and revealing text in DOM elements. Nice unscrambling effect on letters to reveal a text
webdesign  web  design  effect  obfuscate  scramble  unscramble  reveal  type  text  letters  phrase 
september 2017 by piperh
Serve SVG with the Correct Content Type | CSS-Tricks
Short article suggesting a solution for non-appearing svg in a page
Add this to .htaccess: AddType image/svg+xml .svg .svgz
Also, a further solution noted
webdesign  web  design  htaccess  serve  server  svg  image  code  type 
june 2017 by piperh
Mixfont | A modern font generator
a selection of text shadow examples with their css - handy maybe for quick copying
webdesign  web  design  css  colour  text  shadow  text-shadow  syntax  example  type  h1  headline  heading  effect 
june 2017 by piperh
Viewport Unit Based Typography | Zell Liew
article exploring viewport units for type size.
webdesign  web  design  css  viewport  vw  vh  size  type  typography  font-size  font 
march 2017 by piperh
HTML5 Forms: How To Use The New Email, URL, and Telephone Input Types
good reference article about html5 input types for forms - explains some stuff about each input type. Also shows poss use of 'pattern'
webdesign  web  design  form  input  validate  type  html  tel  email  text  url  pattern 
february 2017 by piperh
WhatFont - Chrome Web Store
chrome extension to show font in use in a web page
webdesign  web  design  font  browser  extension  chrome  find  type  typography 
january 2017 by piperh
Convert ttf to woff2 | Everything Fonts
converts ttf format font files to woff2 files
webdesign  web  design  font  conversion  ttf  woff2  type  format  tool 
december 2016 by piperh
Get the Balance Right: Responsive Display Text ◆ 24 ways
a technique for setting display font sizes by using combination of vmin and rem
webdesign  web  design  type  typography  font  head  heading  headline  vmin  vh  vw  rem  hybrid  size  css  display  responsive 
december 2016 by piperh
Básico > Sans serif | dafont.com
selection of freely downloadable fonts. Legal, not pirate - freeware, shareware, demos or public domain
fonts  download  free  type  typefaces  web  graphic  design 
november 2016 by piperh
The 22 best free cursive fonts | Creative Bloq
list of free script fonts available for download. some nice work
graphic  design  typography  type  font  script  cursive  free 
october 2016 by piperh
Neat uses for CSS’s awesome viewport units – Falkus.co
some useful tips, some silly. Nice way to make font size responsive
webdesign  web  design  css  vw  vh  width  height  type  font  size  responsive  fluid  font-size 
july 2016 by piperh
FOUT, FOIT, FOFT | CSS-Tricks
explanation and a few comments about fout, foit and foft, and font loading
webdesign  web  design  font  fout  foft  foit  performance  load  speed  @font-face  webfont  type  face  typeface 
july 2016 by piperh
Font Hacking | HeydonWorks
Modifying a font using a vector prog, and subsetting. If you use the technique be sure to look at comments, esp re kerning and hinting and default font fallback sizes on diff OSs
webdesign  web  design  webfont  type  typography  character  modify  hack  vector  svg  inkscape  subset  subsetting 
july 2016 by piperh
Fonts In Use – Type at work in the real world.
They say: An independent archive of typography. Menus categorised by 'Industries', 'Formats' (media type), 'Typeface'
web  graphic  design  font  typography  inspiration  usage  examples  type  typeface  archive 
june 2016 by piperh
Truly Fluid Typography With vh And vw Units – Smashing Magazine
technique to achieve responsive fluid type size using css vw, vh and calc. Looks excessive to me and can't really see why you'd want to do it - but, who am I to know?
webdesign  web  design  typography  fluid  responsive  css  font  type  size  vw  vh  width  screen 
may 2016 by piperh
Ditchling Museum of Art + Craft -
edward johnston and eric gill lived in ditchling. Art & Crafts museum
edward  johnston  eric  gill  type  typography  transport  underground  london  sussex  museum  ditchling  south  england  visit  travel 
april 2016 by piperh
CSS Typography: Kerning, Ligatures, Swashes & Small-Caps | Viget
article about saving webfonts with open type features so you can use ligatures and fancy characters
typography  fonts  css  type  character  glyph  opentype  otf  ligature  swash  format  woff 
march 2016 by piperh
Responsive Typographic Headlines with CSS & JavaScript | NOUPE
roundup of techniques for dealing with large headlines in responsive design, where you want to control line breaks and size.
webdesign  web  design  howto  responsive  typography  type  css  js  javascript  plugin  slabtext  fittext  bigtext  code  coding  headline  large 
march 2016 by piperh
Printing Museums - AAPA
has a list of printing museums in the world. Note there's one in Madrid that I've never visited
printing  history  typography  type  press  museum  gallery 
march 2016 by piperh
Overpass Web Font
an open source web font, looking very similar to interstate
webdesign  web  design  font  overpass  interstate  type  typeface 
january 2016 by piperh
FontReach
FontReach scans the top million sites to show font usage across the web
webdesign  web  design  typography  fonts  type  webfonts 
november 2015 by piperh
neutraltone/awesome-stock-resources · GitHub
A curated collection of links for free stock photography, video, Illustration, icon and font websites.
web  graphic  design  free  resources  photo  image  library  libraries  archive  vector  type  fonts  photography  icons  iconfont  illustration  stock 
november 2015 by piperh
The League of Moveable Type
a collection of open source @font-face fonts free to use
webdesign  web  design  fonts  type  typography  typeface  @font-face  free  opensource 
november 2015 by piperh
FontCDN: A search tool for Google web fonts
quick showing of code to use google webfonts. Not sure what else this site os for
webdesign  web  design  font  webfont  typography  type  google  free  code  link 
november 2015 by piperh
CSS Properties to Control Web Typography
good article on css controls specific to type. e.g. reminded about white-space:pre; and others that I'd never heard of.
webdesign  web  design  css  howto  reference  tips  html  typography  type  control 
september 2015 by piperh
Clear Sans | 01.org
nice sans designed for Intel. Slightly narrow. Good for UI design. Capital I has slab serifs.
webdesign  web  graphic  design  font  typography  type  typeface 
june 2015 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read