background preloader

Web typography

Facebook Twitter

BBS-Web-Font-Combinations.pdf. The Web Font Combinator. Download the 75 best free fonts. This list represents the 100 best free fonts we've found in a variety of styles.

Download the 75 best free fonts

We have many other articles covering specialist font types including handwriting fonts, graffiti fonts, web fonts and more, but we have sectioned our main list under these styles: Most of the typeface collections listed here can be used in your projects, but please be sure to check the terms. Now join us as we present you with 100 of the best free fonts, which you can download and use today.

Body fonts 01. Free for personal use, Jack Harvatt's Kayak font is a pure delight. 02. Format: TTF Described as 'modern Antiqua' (a group of classic 'old style' typefaces), Oranienbaum has been created by Ivan Gladkikh and Oleg Pospelov. Legible sans serif display fonts 03. Format: OTF Shrenik Ganatra is the designer behind Adam. 04. Ailerons was inspired by aircraft models from the 1940s. 05.

Format: TTF/OTF Arkhip was created by the team at Moscow-based Klimov Design. 06. 07. 08. Get Pickr. Born is a mediterranean typeface open to new times. Su historia Born es mucho más que una tipografía, es también una historia; La de mi año 2013.

Born is a mediterranean typeface open to new times

La historia de una mudanza a la gran ciudad, el resultado de conocer grandes personas de todas partes del mundo y también sus culturas, de conversaciones en clases, bares, trenes… de compartir momentos, experiencias, conocimientos… Born es el resultado de todas estas vivencias y personas: y ahora yo comparto contigo este pedacito de historia. Born, nacida en la ciudad de Barcelona a primeros del 2013, lleva también el nombre de unos de los barrios más pintorescos de la Barcelona actual, donde a orillas del mar mediterráneo lo antiguo y de toda la vida, las nuevas tendencias y la multiculturalidad se unen y fusionan entre sus estrechas y serpenteantes calles, creando una simbiosis entre tradición y modernidad. Se trata de una tipografía mediterránea, abierta a los nuevos tiempos. The Future Of CSS Typography. Advertisement There has been an increasing and sincere interest in typography on the web over the last few years.

The Future Of CSS Typography

Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text. Keep in mind that these new properties and techniques are either new or still in the works, and some of the most popular browsers do not yet support them. But we feel it’s important that you, as an informed and curious Web designer, know what’s around the corner and be able to experiment in your projects. A Glance At The Basics One of the most common CSS-related mistakes made by budding Web designers is creating inflexible style sheets that have too many classes and IDs and that are difficult to maintain.

- 1229x994 [1215x835] Sometimes the toughest step in building a new website or redesign can be the conceptual ones.

- 1229x994 [1215x835]

Selecting a color palette is one of them that can be tough if you don’t have the right tools. So where do you start? It all comes down to basic color theory and the color wheel. That same tool that teachers used in school really is the basis for how designers plan and use color in almost every project from the simplest web page to expansive brands with multiple sites and campaigns. Basic Color Theory Scientifically speaking, color is the visual presence of light in different wavelengths and relates to how these wavelengths are absorbed or reflected. The most common way we, as designers identify color is by name. The color wheel is a circle dating to the days of Sir Isaac Newton in the late 1600s.

The expanded color wheel, which is the basis for most RGB color pickers in design software, is an extension of the basic wheel. Primary Colors Red, yellow and blue are primary colors. Secondary Colors. CSSTYPE - web safe typography on screen for pixel perfectionists. Five simple steps to better typography. – April 13th, 2005 – Typography, I find, is still a bit of mystery to a lot of designers.

Five simple steps to better typography

The kind of typography I’m talking about is not your typical “What font should I use” typography but rather your “knowing your hanging punctuation from your em-dash” typography. Call me a little bit purist but this bothers me. So, in an attempt to spread the word here’s the first of five simple steps to better typography. To kick it off, part one is about the Measure. Measure the Measure. The Measure is the name given to the width of a body of type. One point = 1/72 of an inchOne pica = 12 pointsOne em = The distance horizontally equal to the type size, in points, you are using. But, with the advent of DTP packages and the website design the following are also now used: MillimetresPixels There is an optimum width for a Measure and that is defined by the amount of characters are in the line.

CSS and fluid?