background preloader

20 Best Web Fonts from Google Web Fonts and @font-face

20 Best Web Fonts from Google Web Fonts and @font-face
At the moment there are several ways to use non-system fonts on a website. We will focus on the two least complicated, least expensive systems, Google Web Fonts and the @font-face rule. Fear not, we have not ruled out other paid methods such as Typekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK or Fontspring for future posts as they certainly offer high quality typefaces and deserve to be considered. It’s important to be aware that web fonts can generate inadequate visualizations on operating systems which have subpixel rendering turned off in the case of Windows XP. They can also be represented differently depending on the browser used to visualize them. The aim of this post is to facilitate the choice of a series of fonts (out of the hundreds available) whose technical and visual characteristics make them more readable and compatible with a wide variety of devices, browsers and operating systems. Basically, there are two implementation models: 1. 2. Web font embedding services 1.

http://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html

Related:  jasonchan91Typographytechnologies webTyposWeb Tools

Configuring W3 Total Cache: Advance Page Cache I At this point, we have configured the General Settings of the W3 Total Cache plugin. Let's move on to the advance settings portion of this plugin. First, we are going to take care of Advance Page Cache settings. My approach in these settings will include an explanation as well as a verdict on the settings both of which I aim to keep as easy as possible for a beginner to understand. When completed with General Settings, click on Page Cache in the left menu and you will land at the Advance Page Cache settings. 10 Best iPad Apps for Web Designers If you’re a web designer and own an iPad, I’ve got great news. There are apps out there that will actually help you be productive. So while you’re away from your desk or office, take a break from playing Angy Birds and get some work done.

Typography Maker Typography Maker is a web based application to create text art or typography with ease. Powered with awesomeness of FabricJS and some others javascript libraries. Creating typography is now more fun and easy, add text, choose font, color, etc and finally share it to social media. Even more you can remix or re-recreate typography based on what others have made as a template or publish your own template. No, I'm not name it Typography Generator, because it's not "type and generate" tool, here your creativity is the limit. Key features:

iOS Programming Tutorial – Local Notifications with iOS 8 Today we’re going to take a look at creating Local Notifications in iOS 8. The process of creating notifications changed with iOS 8. We now need to ask the user for permission to display notifications and register the settings. Choosing web fonts: 15 expert tips Over the last few years, the possibilities for using type on the web have expanded enormously. In the bad old days of the web, designers were restricted to a few 'web safe' fonts, which meant everything looked pretty much the same, or using images to replace the type – a clunky solution that caused problems for the reader and technical problems in the browser. Nowadays, though, you can access an astonishing array of professional typefaces for use on your sites, bringing the aesthetics of print design to the web.

Flat Design Inspiration After our post showcasing 23 Examples of Flat Web Design a lot of readers got in touch to see more flat design related inspiration. We decided to gather some examples of UI kits, icons and much more, so give it a look. Freebie: Flat Design Icons Set Vol1 UI/UX Flat design – Free PSD – 3 colors Freebie PSD: Flat UI Kit

A Swift Tutorial for Google Maps SDK on iOS Working with maps in iOS consists of an entire programming chapter, as there are tons of things that a developer can do with them. From just presenting a location on a map to drawing a journey’s route with intermediate positions, or even exploiting a map’s possibilities in a completely different way, dealing with all these undoubtably is a great experience that leads to amazing results. Up to iOS 5.1 (including that version as well), iOS was using the Google Mobile Maps service to provide access to maps and all the related services. Since then however, things changed and Apple introduced the Map Kit, a brand new framework completely built in-house, which is used until today.

100 Greatest Free Fonts Collection for 2015 The quick brown fox jumps over the lazy dog The 2015 version of The 100 Greatest Free Fonts Collection is finally here. . Do you remember our “100 Greatest Free Fonts Collection” articles for 2012, 2013, and 2014?

Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies.

The 100 Greatest Free Fonts for 2014 Here we are, once again, with our now-famous selection of the top 100 free fonts for 2014. This year we have only selected fonts published or updated in late 2013 and 2014, giving you one of the most up-to-date lists around. The majority are completely free with licenses for commercial use; the odd few available for personal use only have extended license options at a very reasonable price. The free font list comprises both entire font families and single weight downloads; either way, there is something for everyone and we think you'll love the ones we have picked out for you. Font Selection We have selected all kinds of typefaces which can be seamlessly integrated into any design: Sans Serif, Slab Serif, Rounded, Decorative, Display, Art Deco, Geometric, Futuristic, and many more besides.

Exclusive: Fontspiration is a free app for typophiles everywhere If you love typefaces as much as we do, then you’ll love this brand new typography app that has just been released; Fontspiration is a cool app for iOS boasting two features font lovers won’t want to miss. The first feature is a feed of typographic inspiration; amazing type-based work that you’ll get lost in for hours and come out the other side feeling truly inspired. The second feature actually allows you to quickly create typographic animations using hundreds of Google Fonts, and literally dozens of built-in animations, custom designed for this app.

Fresh Typography Experiments To Inspire You Typography is a big part of every designer’s life and must be paid a lot of attention to it. Getting inspired for this particular category is a must. Lucky for you, I deliver new and interesting examples every few weeks after I filter more than three or four times the amount of type illustrations that you have here. New Free Fonts For Designers Professional design highest-quality free fonts for web and graphic designs. Fonts are free to download with commercial licence. Every designer knows that fresh free fonts are really hard to search. So here we are publishing new free fonts on every week so keep visiting and download the truly valuable fonts. These fonts are best for business cards, typography, posters and other print design resources. You may be interested in the following modern related articles as well.

Related:  TypographieTypo