recentpopularlog in

piperh : font   185

« earlier  
Font Kiko - Free Icon Font, SVG, AI, EPS - Download Now! - Kiko font
they say: Font Kiko is a pack of more than 1100 Open Source icons, which are suitable for any purposes.
web  graphic  design  icons  font  iconfont  free  library  open  source 
4 weeks ago by piperh
Frontend Focus Issue 395: June 12, 2019
Newsletter contains a tip to reduce the font size requested from googlefonts - append, for example, "....&text=MyHeadlin" to the end of the font request and the font served will contain only those letters. Handy if the font is only used in a headline or v short text. Scroll down the page to see this tip
webdesign  web  design  type  font  google  performance  speed  letters 
7 weeks ago by piperh
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 
10 weeks 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 
11 weeks ago by piperh
Make your Google Fonts render faster · PerfPerfPerf
a script for immediate display - in fallback font - when you use google fonts, instead of foit
webdesign  web  design  font  google  webfont  foit  display  fallback  performance 
april 2019 by piperh
Making Google Fonts Faster⚡ – Clio + Calliope – Medium
explains some steps worth considering for loading google fonts faster and/or with more control
webdesign  web  design  font  webfont  google  speed  load  loading  time  self-host  cdn  performance  webdev 
march 2019 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
Discover Unique - Save time and make smarter font choices!
as far as I can tell this tool generates variations (distortions of existing fonts, and they call them unique fonts
webdesign  web  design  graphic  font  typography  generator 
january 2019 by piperh
Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc., Boston, MA
dec 2018 article comparing current font loading with css-only and with js. Seems like css only is good but js can enhance it a bit.
webdesign  web  design  font  loading  js  javascript  script  css  foit  fout  webfont 
december 2018 by piperh
The Font Loading Checklist—zachleat.com
distilled view of loading strategies for web fonts, primarily for speed.
A 4-point checklist
webdesign  web  design  font  load  loading  speed  checklist  performance  webfont  foit  fout  @font-face 
september 2018 by piperh
The Complete CSS Demo for OpenType Features - OpenType Features in CSS
This project is a comprehensive CSS font-feature-settings demo for OpenType features, a refined version of Syntax for OpenType features in CSS by Adobe.
Examples show why font features are horrible in the wrong hands
webdesign  web  design  opentype  font  feature  ligature  special  character  css  typography 
september 2018 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
Create your Icon Font in seconds - 9000 Vector Icons Available - Free Icon Font Generator
free and paid icon sets. Hosted fonts. I'm not sure if you can download and host your own
webdesign  web  design  icon  font  icons  generator 
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
Hey hey `font-display` | CSS-Tricks
a quick look at css font-display properties and what they do, with some handy deeper resource links
webdesign  web  design  font  display  fout  foit  font-face  performance  speed  font-display 
may 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
Font-display playground
about css 'font-display' attribute, to use with @font-face. Describes the values and their effect.
webdesign  web  design  font  display  css  loading  strategy  fallback  block  performance  speed  delay  @font-face 
january 2018 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
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
Webfont support in email
blog post from Feb 2015, titled: Webfont support in email. Fairly detailed but probably not up to date, especially about gmail font support
webdesign  web  design  html  email  font  webfont  support 
september 2017 by piperh
XE - World Currency Symbols
xe.com's list of currency symbols, code and font references
world  currency  symbols  list  reference  symbol  character  image  hex  unicode  font  money 
september 2017 by piperh
Font style matcher
online tool to compare and adjust font widths - helps to minimise fout layout changes. Allows you to adjust size and spacing so that fonts occupy similar space and cause least layout change
webdesign  web  design  tool  font  webfont  @font-face  css  code  coding  compare  fout 
may 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
Align SVG Icons to Text and Say Goodbye to Font Icons
useful technique for sizing and aligning svg icons to font baseline
webdesign  web  design  font  icon  svg  vector  inline  illustration  drawing  align  baseline  alignment  sizing  aligning  size  em 
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
Performance Calendar » Loading web fonts asynchronously
nerdy article showing how to provide system fonts fallback for webfonts. Avoids the Flash of Invisible Text on browsers that show nothing until webfont has loaded (Explorer and Edge automatically show a system font first)
webdesign  web  design  webfont  load  loading  asynchronous  foic  fouc  fallback  font  performance 
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
GitHub - typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.
Web Font Loader gives you added control when using linked fonts via @font-face. It provides a common interface to loading fonts regardless of the source, then adds a standard set of events you may use to control the loading experience. ... is able to load fonts from Google, Typekit, Fonts.com, and Fontdeck, as well as self-hosted web fonts.
webdesign  web  design  font  load  loading  speed  performance  google  typekit  host  self-host 
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
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
GitHub - danklammer/bytesize-icons: Tiny style-controlled SVG iconset
neat set of icons using svg stroke. Can be styled in the html or css. Includes for inserting all icons into html using <svg> tag
webdesign  web  design  icon  font  svg  symbol  dingbat  inline  html  css  style  file  library 
september 2016 by piperh
25 Essential Chrome Extensions for Web Designers - Envato
a '25 best' list of extensions for Chrome. Specially interesting maybe 'font ninja' which enables downloading of fonts
webdesign  web  design  development  chrome  google  browser  extensions  font  webfont  information  tools 
august 2016 by piperh
font-display for the Masses | CSS-Tricks
article about new css feature "font-display", conceived to deal with FOIC. But also has incidental handy explanation of js "Font Face Observer" and link to stuff about "Font Loading API"
webdesign  web  design  css  font  @font-face  font-display  code  coding  typography  webfont  performance  foic  fouc  load  loading  browser  face 
august 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
A Comprehensive Guide to Font Loading Strategies—zachleat.com
thorough article describing different strategies for using web fonts, depending what you think the site situation is
webdesign  web  design  webfont  font  load  speed  performance  @font-face  typography  display  fout  foit 
july 2016 by piperh
Free Online Font Converter
online tool to convert font formats: .tt .otf .ps
webdesign  web  design  graphic  font  typography  format  convert  converter  tool  online 
july 2016 by piperh
Font Management in OS X
long, thorough article about osx font management from 10.3 Panther to 10.11 El Capitan
mac  apple  osx  elcapitan  font  fonts  management  reference  10.11 
june 2016 by piperh
Font Management in OS X El Capitan - HellothisisJeff Design
handy article, up to date with El Capitan, on font issues with osx 10.11. A lot is taken from Kurt Lang of JKL Studios web page on the same subject.
mac  apple  osx  elcapitan  font  fonts  management 
june 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
google webfonts helper
online resource that makes a package and provides code you need to self-host google webfonts. Author also mentions that they're hosted on Heroku, so I'm not 100% clear what the arrangement is
webdesign  web  design  font  webfont  typeface  @fontface  google  hosting  self-host  host  typography 
may 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
Font Awesome & Accessibility
fontawesome guidelines about accessibility and use of icon fonts
webdesign  web  design  accessibility  icon  font  iconfont  symbol  assistive  screen  reader  guide  about 
april 2016 by piperh
The Web Fonts: Preloaded—zachleat.com
suggestions and howto about preloading fonts
webdesign  web  design  font  preload  speed  fouc  fout  foit  render  load  code  webdev 
april 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
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
Font Management in OS X
lengthy article by Kurt Lang about font management in osx. He says FontExplorer is good but he prefers and recommends Suitcase Fusion.
osx  font  management  manage  mac  fonts  elcapitan  folder  postscript  otf  ttf  location  library  opentype  suitcase  explorer 
october 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
Font Management in OS X - Font_Management_in_OS_X.pdf
pdf, detailed article about fonts in OS versions from 10.3 to latest (Oct 2017) 10.13. Kurt Lang says: ... Its main purpose is to show you where fonts are located ... and which can be safely removed ... will benefit prepress operators and graphic designers the most ...
osx  apple  mac  font  management  fusion  suitcase  xplorer  manager  snow  leopard  mavericks  yosemite 
february 2015 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read