background preloader

Choosing web fonts: 15 expert tips

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. Since around 2010, widespread support of @font-face in all the major browsers, plus a new web open font format, WOFF, has led to a technical revolution and the rise of a number of web font hosting services. These companies allow users to pay a subscription to host an enormous range of web fonts on their website. Popular services include Typekit, Fontdeck, WebINK and Fonts.com. Tim Brown is the type manager at Typekit. 01. 02. 03. 04. 05. 06. 07. 08. 09. 10.

http://www.creativebloq.com/web-design/choose-web-fonts-1233034

Related:  TypographyWEBDESIGNstudy new

Designing With Grid-Based Approach Advertisement The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. Font Design - How Designers Choose Which Fonts To Use Imagine hauling around heavy boxes of metal type — a different set for every typeface — and having to assemble your text letter by letter in order to design a document. That seems a world away from our point-and-click, instant world of digital design. But it really wasn’t too many years ago that a font would have been known as a specific set of movable metal type — rather than a funny name in software program’s drop-down menu.

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.

Animation Layout: Getting Perspective All images are from Animation Background Layout: From Student to Professional by Mike S. Fowler. Reprinted with permission. © Mike S. 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? Well, the 2015 version of those articles is finally here. Website Navigation: 4 Tips for Maximum Usability Here’s a conversion optimization metaphor for you… If your website were a building, hyperlinks would be the doors. What does that mean? You don’t want people to get stuck anywhere on your website. John K Stuff: School Remember when I talked about the two different types of cartoonists?One conservative, the other wild and crazy? two types worked together all through the 30s and came up with a blended style-the 40s style of pears and spheres and sausages style which is my favorite type of animation. If you are a young cartoonist (or a geezer who wants to improve his skills) who wants to learn the best way to draw and animate, you should study this approach in its most generic form. When is "generic" good?

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. Built by Extensis, the team that brought you Suitcase Fusion and Universal Type Server, Fontspiration is the fastest way to mockup awesome typographic animations.

How to Create Infinite Scrolling on Your Website Infinite scrolling is all the craze among web designers now. Join the bandwagon and learn how to incorporate infinite scrolling into your website! If you follow the thorough steps listed below, you’ll be able to create infinite scrolling without much trouble! Step 1: Figure out your pagination. Where do you want to put infinite scrolling on your website? If there’s pagination (page numbers) in the middle of your website, then infinite scrolling won’t work there.

Related: