Instant HTML5 Fonts and Typography

Make your websites stand out by using custom fonts with splendid effects

Overview

• Learn something new in an Instant! A short, fast, focused guide delivering immediate results
• Use custom fonts that stand out from the crowd
• Ensure cross-browser compatibility
• Use the best font generators available today

In Detail

The first web developers and designers took quite some time to adopt an artistic angle while designing web pages. That was until they started to pay special attention to fonts and typography. With the progression of web technologies, especially HTML5, CSS3, and JavaScript libraries, typography is now an art and this can enhance your products and make them more valuable. Custom fonts further enhance the look of websites, making them truly attractive.

Instant HTML5 Fonts and Typography How-to is a practical, hands-on, recipe-based guide that provides you with a number of clear, step-by-step exercises. These precise recipes will help you create your fonts, generate your cross-browser compatible font formats, help you to use and import fonts in different methods, and finally generate a beautiful image or Flash-like products.

Instant HTML5 Fonts and Typography How-to details the use of fonts in HTML5, and breaks down the confusion surrounding which file format to use to ensure cross-browser compatibility. It will take you through a number of clear, practical recipes that will guide you through embedding fonts and will also take advantage of the new HTML5 and CSS techniques to generate splendid effects.

You will learn how to build your own fonts using a free web font generator as well as look at embedding web hosted fonts and rendering fonts for really old versions of Windows. This book will help you take advantage of using fonts in the best and most artistic way.

What you will learn from this book

• Create a font and generate cross-browser compatibility formats
• Understand the difference between font formats and how to use them
• Embed custom and web safe fonts within your web page
• Explore and use Google fonts and its JS library, Webfont loader, for other web font host inclusion in addition to safe usage during loading time
• Choose alternatives for older Windows rendering engines via Cufón (JS and vector graphics)
• Apply webhosted effects
• Learn advanced CSS3 techniques (transitions, torsions, animations, and so on)
• Use some Open Source JavaScript libraries to create some cool effects on fonts

Approach

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks. Written as practical recipes, Instant HTML5 Fonts and Typography How-to will enable you to use custom fonts with outstanding effects.

Who this book is written for

This book is great for both professional and amateur HTML and CSS developers who are looking to use fonts in order to enhance interface design. Familiarity with JavaScript is assumed.