Free Sample
+ Collection

Instant HTML5 Fonts and Typography

Kharrat Jaouher

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

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849697866
Paperback62 pages

About This Book

  • 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

Who This Book Is 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.

Table of Contents

Chapter 1: Instant HTML5 Fonts and Typography
Using custom fonts with @font-face (Simple)
Creating different font files (Intermediate)
Using Web fonts(Simple)
Enhancing fonts with outstanding effects (Intermediate)
Using Cufón – fonts for the people (Intermediate)
Combing fonts and other HTML5/CSS3 features (Advanced)

What You Will Learn

  • 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

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 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 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.


Read More

Recommended for You