askdesign
5/26/2015 - 11:21 PM
Web Fonts and Icon Font Generators
Resources
http://www.singsys-dot-com/blog/5-best-icons-font-generator-to-build-custom-fonts-for-your-web-design-projects/
CreativeLive webinar on @font-face code 9.29.10
http://diveintohtml5.org/
--Can use @font-face with html4 and html5; it is valid css3 syntax
--4 font formats: woff, eot, ttf, svg
--Start code with eot (otherwise IE won't recognize it).
--PAID: Typekit, Font Deck, Webfonts.fonts.com
Web Font Service Providers / PAID
•Typekit.com: #1 PAID provider. DreamWeaver has the typekit editor built into it. 1 of leaders in online fonts; controlled by javascript; Great website, easy to use; $49.99 year for unlimited fonts.Copy the code below, and paste it into the pages on www.askdesign.biz where the fonts and settings for your ASK Design kit will be used. Make sure it goes into the <head> tag.
<script type="text/javascript" src="http://use.typekit.com/sje6xny.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
• FontDeck: Eric recommends; easy to use, more expensive than Typekit.
• webfonts.fonts.com: Eric Fadiman hated using their site.
• Extensis WebINK: has received great reviews; very cool website UI
--FREE: Font Squirrel, Google Font API, Kernest
Web Font Service Providers / FREE
• Fontsquirrel.com: hundreds of free fonts
• Google Font API: 20 fonts available, easy to use
• Kernest.com: #1 FREE provider.
• Fonts.com
Communication Arts LinkedIn News 2.24.09
http://24 ways.org/2007/increase-your-font-stacks-with-font-matrix
http://www.sitepoint.com/print/eight-definitive-font-stacks/
http://www.codestyle.org/servlets/FontStack
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/