5 of the Best CSS3 Font Tools Fonts have made the most dramatic visual impact on the web since graphic support was added to browsers. A few years ago, it would be impossible to find a website using anything other than Arial, Verdana, Tahoma, Times New Roman or Georgia (or, heaven forbid, Comic Sans). While there’s nothing wrong with standard font stacks, they can become a little monotonous. Internet Explorer has supported web fonts for more than a decade but it’s taken competing browsers a little longer to catch up. Licensing is still an issue — you can’t use any commercial font — but you should be able to find one which permits web usage or is similar to your corporate style. However, with great choice comes great responsibility. 1. If you’ve not visited Google Web Fonts, where have you been? You can download any font file but the tool also allows developers to import via an HTML link tag, CSS @import declaration or JavaScript snippet. Did I mention that it’s all free? 2. Still not satisfied? 3. 4. 5.
EEGLAB EEGLAB provides an interactive graphic user interface (GUI) allowing users to flexibly and interactively process their high-density EEG and other dynamic brain data using independent component analysis (ICA) and/or time/frequency analysis (TFA), as well as standard averaging methods. EEGLAB also incorporates extensive tutorial and help windows, plus a command history function that eases users' transition from GUI-based data exploration to building and running batch or custom data analysis scripts. EEGLAB offers a wealth of methods for visualizing and modeling event-related brain dynamics, both at the level of individual EEGLAB 'datasets' and/or across a collection of datasets brought together in an EEGLAB 'studyset.' For experienced Matlab users, EEGLAB offers a structured programming environment for storing, accessing, measuring, manipulating and visualizing event-related EEG data. EEGLAB Statistics EEGLAB Workshops EEGLAB Development Feedback?
Icon Fonts are Awesome Because you can easily change the size Because you can easily change the color Because you can easily shadow their shape Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs. Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever. You'll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper. The icon font used on this page is Fico by Lennart Schoors then ran through IcoMoon for custom mappings. How To Use To Enhance a Word Stats <h3><span aria-hidden="true" data-icon="⇝"></span> Stats </h3> How To Use for Stand Alone Icons
Best of History Web Sites Flat Icons & Icon Fonts Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. Pictos Pictos is the icon font that really popularized this whole idea. Symbolset Symbolset is unique in that they turn words into icons for you. Modern Pictograms v1 is free on Font Squirrel. v2 is paid with the complete set at $25 or individual icons as low as $0.50. Pictonic Pictonic also offers a hosted icon service and offers unique pricing ($0.59 per icon). StateFace StateFace has all 50 U.S states as an icon font. Geobats GeoBats is an icon font of the world’s countries. iconSweets 2 Also has a free predecessor. Erler Dingbats A drastic improvement to the standard Dingbats. Tipogram CleanIcons Meteocons For the weather! Ecqlipse 2 They have little shadows beneath them (so not exactly “flat”). Heydings Icons IcoMoon IcoMoon is a set of open source icons. Iconic Gedy Rivera Social Foundation Icons
Beautiful web type — the best typefaces from the Google web fonts directory Lucius Annaeus Seneca60 AD Among the numerous faults of those who pass their lives recklessly and without due reflexion, my good friend Liberalis, I should say that there is hardly any one so hurtful to society as this, that we neither know how to bestow or how to receive a benefit. It follows from this that benefits are badly invested, and become bad debts: in these cases it is too late to complain of their not being returned, for they were thrown away when we bestowed them. Nor need we wonder that while the greatest vices are common, none is more common than ingratitude: for this I see is brought about by various causes. The first of these is, that we do not choose worthy persons upon whom to bestow our bounty, but although when we are about to lend money we first make a careful enquiry into the means and habits of life of our debtor, and avoid sowing seed in a worn-out or unfruitful soil, yet without any discrimination we scatter our benefits at random rather than bestow them.
Google Webfonts that Don’t Suck Webfonts services like Typekit are great, but for a lot of cases they’re just not practical. For example, if you’re developing a WordPress theme, you can’t ask potential buyers to buy a monthly subscription, and you can’t bundle a font with the theme either unless it’s free. For those cases, Google’s Webfonts service remains the only way to use non-standard fonts in your designs. By the way, this post was inspired by Matthew Butterick’s own critical look at Google Web Fonts. That being said, I can’t deny it’s fallen victim to its own success: the directory is now overrun with fonts of dubious quality, which means it can be hard to pick the right one. Cramped typography and no breathing room makes for an ugly experience To help you out, here are some questions to ask yourself when picking a font from a service like this: Is the font right for the job? And here’s a quick list of my personal favorites. Sans-serif Serif Slab serif Script I’ll be honest with you.
Avería – The Average Font