background preloader

Web typography

Facebook Twitter

BBS-Web-Font-Combinations.pdf. The Web Font Combinator | A Web Typography Tool. Download the 75 best free fonts | Typography. In this freshly updated free fonts for designers post, we bring you the world's best free fonts.

We've filtered out the diamonds from the thousands of less perfectly designed free fonts available online, for you to use in your designs and illustrations. Get Adobe Creative Cloud now This list represents the 55 best free fonts we've found in eight categories. You can use the drop-down menu at the top of the page, or the boxout, right, to jump to the section you want. Don't forget, we have many other articles covering specialist font types including handwriting fonts, kids' fonts, cursive fonts, beautiful fonts, web fonts, professional fonts and more. Most of the typeface collections listed here can be used in your projects for free, but please be sure to check the terms.

Serif fonts 01. This free serif display font takes inspiration from the late 18th century European Enlightenment and the work type designer John Baskerville. 02. Lora is a free font that has its roots in calligraphy. 03. Get Pickr. Born Typeface | Born is a mediterranean typeface open to new times | Carlos de Toro | Diseño gráfico y tipografía | Barcelona & Logroño. Su historia Born es mucho más que una tipografía, es también una historia; La de mi año 2013. 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. 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.

The Font Property White Space (al) - 1229x994 [1215x835] Sometimes the toughest step in building a new website or redesign can be the conceptual ones. 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. 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. 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? What is interesting here is fluid designs on the web. The Measure and leading. Reversing out? Tracking Your responsibility The series Further reading.