background preloader

Typographie

Facebook Twitter

Font Combinations: 10 Sites for Inspiration. By Jacob Gube Combining different fonts in a pleasing and harmonious way is a challenging aspect of producing good typography.

Font Combinations: 10 Sites for Inspiration

A lot of it has to do with good taste: When you actually see the fonts in action, you will instinctively know whether or not they work well together. There are many sites you can visit to get ideas and inspiration for good font combinations. Here are a few of them. Beautiful Web Type Combinations An open source project, Beautiful Web Type Combinations is a one-page showcase of great Google Fonts pairings. Typ.io. Best 100 Free Fonts 2014. 20 Fantastic Free Behance Fonts for Designers. Every designer loves new, high quality fonts!

20 Fantastic Free Behance Fonts for Designers

Stay updated and focus on the latest trends! 35 Beautiful and Free Thin Fonts. Typography is a critical aspect of web and graphic design, but finding the right font can often be a challenge.

35 Beautiful and Free Thin Fonts

If you’re looking for a quality thin or light font, this post should be an excellent resource for you. Here you’ll find 35 free thin fonts. These fonts can help you to create elegant, high-quality designs that feature beautiful typography. When you’re using them to design something for yourself or for a client, they can prove to be extremely useful. If you find yourself looking for fonts frequently, bookmark this page so you can reference it the next time you need to find a thin font. Most of these fonts allow for commercial use, but as always when dealing with freebies, be sure to check the license before using it in your own work. Beautiful web type — the best typefaces from the Google web fonts directory. 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.

Beautiful web type — the best typefaces from the Google web fonts directory

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. 16 Gorgeous Web Safe Fonts To Use With CSS. 25 Outstanding Google Fonts for Web Design. In recent years we’ve seen a number of developments and advancements, such as responsive design, that have had a major impact on the web design industry.

25 Outstanding Google Fonts for Web Design

Special Characters for HTML, CSS and JS. My name is Neal Chester and I'm a web developer and consultant.

Special Characters for HTML, CSS and JS

Sometimes I use special characters as an alternative to images; many of these characters I never knew existed. When I surfed the Web, I always ran into 3 problems with character listings: They contained tons of characters I didn't useThere was no one list that brought together all the characters I neededThe fonts were too small and the page was difficult to use So I made my own listing page containing the best HTML characters I felt would be useful to everyone, especially web developers. I grouped them into sections and included the HTML, CSS and JS name & number codes for your convenience. Rendering Characters As you'll notice, some characters will render differently depending on the browser. Depending on the browser, some characters won't display. Therefore, it's important to view the characters in different browsers and mobile devices to determine if you want to use that character. Next, markup your HTML as follows. Top 10 Rounded Fonts for Designers.

Top 10 Fonts Web Designers Love [Infographic] Ever wonder what fonts other web designers prefer to use in their work?

Top 10 Fonts Web Designers Love [Infographic]

Ever wonder if your choice of font can help you set you apart from the rest? Ever wanted to know the answers to a question so badly that you would carry out a research to find out? Fellow web designer and writer of Hongkiat.com, Tomas Laurinavicius did just that. Granted it’s not a large sample size but the research revealed some interesting information like 3 Top 10 lists of fonts designers most love, most popular free fonts and most popular premium ones. With some help from our friends in Piktochart, here is the gist of the research bundled up in a short infographic, exclusively for Hongkiat.com readers. Best 20 webfonts from Google Web Fonts and @font-face embedding.

At the moment there are several ways to use non-system fonts on a website.

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

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.