background preloader

Web Typography: Educational Resources, Tools and Techniques - Smashing Magazine

Web Typography: Educational Resources, Tools and Techniques - Smashing Magazine

9 New High-Quality Free Fonts We’re always trying to find new high-quality freebies. Whether it’s textures, Photoshop brushes, or icons, we love finding free stuff and sharing it with you. We do the searching so you don’t have to. This saves you time and helps you focus on what’s important. Null Roke 1984 Alt Lautus Thin Yellow Cream Skyhook Mono Regular Spatha My Fair Cody FR Hopper 430 & 431 Certto Headline About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts shares 10 Best New Free Fonts We’ve been on the prowl for some new free fonts to share with you. Read More 9 Free & Useful Fonts for your Designs Whether it’s PSD’s or icons, we love finding high quality free files and sharing them with our readers.

Why Subtle Typographic Choices Make All The Difference Advertisement A strong understanding of how designers control meaning is essential for anyone interested in graphic design or typography. In a previous article, we discussed how sophisticated and complex visual and verbal language can get, examining instances that show how type can be used to effectively take control of meaning. In this article, we’ll look at the reasons why subtle typographic changes can create considerable effect. We’ll refer to one or two linguistic and semiotic examples, as well as design case studies, to get to grips with why subtle changes can make all the difference. Let’s consider a couple of simple sentences: “The boy walks a dog” and “The boy walks the dog.” Two visualizations of the same word but with typographic treatments that have entirely different emphases and meaning. However, meaning comes not simply from comparing one visual interpretation to another. The name style of an iconic fashion brand. The online masthead of one of the UK’s premier newspapers.

Web Design is 95% Typography by Oliver Reichenstein 95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with such an immense flood of printed matter that the value of the individual work has depreciated, for our harassed contemporaries simply cannot take everything that is printed today. With some imagination (replace print with online) this sounds like the job description of an information designer. Macro-typography (overall text-structure) in contrast to micro typography (detailed aspects of type and spacing) covers many aspects of what we nowadays call “information design”. Typography has one plain duty before it and that is to convey information in writing. Too few fonts?

Beautiful Minimalist Desktop Wallpapers Minimal art is known for its simplicity in both form and content, where individual expression is isolated in order to achieve effective minimal art. Minimal Art emerged as a movement in the 1950s and continued all throughout the 1960′s and 1970′s. And now we see it flourishing all over the art industries, especially the graphic design industry. The purpose of Minimalism is basically to allow the viewers or the audience to experience the artwork more intensely without all the distractions of the composition, the theme, the organization and so on. In this article, we will take a closer look at minimal graphic design that has been implemented on desktop wallpapers. And because we all like to customize our personal computers, below are 60 awesome minimalistic wallpapers just for you to download and perhaps even get a little inspiration to create your own! Updates: Errors in Wallpaper links and images has been fixed. One Thing Minimal Wallpaper. Wooden Noir Wallpaper Pack. Cloud Minimal.

30 Modern Free Futuristic Fonts Futuristic fonts best for those who have to have something new and ultra-modern. Everybody use serif, sans-serif, grunge and Gothic fonts in projects but futuristic fonts can add innovative sensation to your design. Today we have collected 30 free futuristic fonts for your future projects. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. Related posts: 20 Best Free Cyrillic Fonts for Non-English Typography 15 Modern Bold Slab-Serif Fonts for Graphic Designers 20 High-Quality Free Casual Script Fonts 45 Great Free Fonts Having Commercial Use License 20 Hand Picked Tremendous Modern Gothic Fonts 25 Free Elegant Thin Sans Serif Fonts 24 Superb Free Fresh Fonts for Graphic Designers 30 Hand Picked Free Attractive Serif Fonts

Mind Your En And Em Dashes: Typographic Etiquette Advertisement An understanding of typographic etiquette separates the master designers from the novices. A well-trained designer can tell within moments of viewing a design whether its creator knows how to work with typography. Typographic details aren’t just inside jokes among designers. They have been built up from thousands of years of written language, and applying them holds in place long-established principles that enable typography to communicate with efficiency and beauty. Handling these typographic details on the Web brings new challenges and restrictions that need to be considered. Setting Body Copy Good typography comes down to communicating information, and the basis of information is good old-fashioned body copy – simple blocks of text. Indentation or Space After a Paragraph? When signalling the end of a paragraph and the beginning of another, you can generally either indent or insert a space between the paragraphs. But there is no hyphenation control in CSS. The Hyphen (al)

Building Books with CSS3 While historically, it’s been difficult at best to create print-quality PDF books from markup alone, CSS3 now brings the Paged Media Module, which targets print book formatting. “Paged” media exists as finite pages, like books and magazines, rather than as long scrolling stretches of text, like most websites. CSS3 allows us to style text, divide it into book pages, and set the page structure as a whole. You can dictate the size of the book, header and footer content, how to display cross references and tables of contents, whether to add guides and bleeds for commercial printing companies, and more. With a single CSS stylesheet, publishers can take XHTML source content and turn it into a laid-out, print-ready PDF. Article Continues Below XML, XSL, XHTML, and PDF processors#section2 As the publishing industry moves toward digital-centric workflows, there’s a need for scalability—repeatable processes and workflows that work at small and large scales. Building a book#section3 Strings#section5

Exceptional Digital Paintings and Character Illustrations Some of the Most Beautiful Digital Paintings and Character Illustrations Amazing and beautiful digital paintings and character illustrations by awesome artists. The latter is a niche of the first so basically these are all digital paintings. Character Illustrations require a huge amount of detail work, that’s because you have to work on expressions a lot. Some of these artists are worth featuring again and again for their mind blowing talent. Click on the images to go to their original sources. Koi Boy Goldfish -closeup by *cypherx Save. Heaven by ~acmelabs City Escape by ~Rozefire Scarlet Wind by `arcipello Dream Chaser by *cypherx Devocion e indiferencia by ~novac My World by ~Keun-chul .: mushroom hideout :. by ~vinegar Blowing Bubbles by `AquaSixio forest by ~tahra Drug Free Zone by *microbot23 The Repression Of Frustrations by ~oz-haver How i wish a wonderland by ~rakkin23 Cotton Candy Carousels by *cypherx Green Wisper by *nell-fallcard Of Cherries and Skyfish by *wredwrat Alone by *yigitkoroglu

Museo Sans - a [free] font from exljbris Font Foundry Museo Sans, the sans with a familiar look Museo Sans is based on the well-known Museo. It is a sturdy, low contrast, geometric, highly legible sans serif typeface very well suited for any display and text use. Two fonts are absolutely free! Fully Featured This OpenType font family offers supports CE languages and even esperanto. Museo Sans font family comes in 10 fonts: 5 weights with each an italic. (Free) download Museo Sans font family comes in 10 fonts: 5 weights (100 300 500 700 900) with each an italic. 2 fonts are absolutely free (500/500 italic) 8 are paid. exljbris fonts are available from: • MyFonts • FontShop • Fontspring• Font_Bros exljbris webfonts are available from: Typekit, Fontspring App Licenses can be purchased through: Fontspring Related links Rising Stars – Museo Sans got featured in the Rising Stars Newsletter from MyFonts.

Une police de caractères dédiée aux dyslexiques Saviez-vous qu’en moyenne la dyslexie touche 10% de la population ? Si ce handicap ne touche que 5% de la population en France (7% pour les enfants scolarisés), il est responsable de problèmes d’assimilation des textes et de retard dans l’apprentissage. Sans trop rentrer dans les détails, les personnes atteintes de dyslexie ont tendance à inverser les lettres (comme illustré plus bas) et donc à changer la signification des mots. Souffrant moi-même de légère dyslexie depuis mon enfance (je ne crois pas que ça se soigne d’ailleurs), je suis particulièrement sensible à ce sujet. Non pas que je souffre d’un gros handicap, mais j’ai tout de même conscience de faire beaucoup de fautes d’orthographe dans mes écrits, maintenant vous en connaissez la cause. Pour pallier à ce problème d’inversion, un graphiste néerlandais souffrant de dyslexie, Christian Boer, a conçu une police de caractères permettant de mieux identifier les lettres : Une police d’écriture pour les dyslexiques.

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. 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. A simple rule is your leading should be wider than your word spacing. Reversing out? Tracking Your responsibility

Desktop and @font-face fonts | Fontspring The League of Moveable Type

Related: