O'Reilly logo

Instant HTML5 Fonts and Typography by K. Jaouher

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Combing fonts and other HTML5/CSS3 features (Advanced)

By combining HTML5, CSS, and JavaScript features we can render an image or a flash result. It has the advantage of being easily alterable because we don't need any editing software. In addition, it is usually lighter in weight which means a faster loading web page. In fact, usually an image's weight is normally about 100 KB. However, using a combination of CSS3 and HTML5 is usually less than 10 KB and the result is almost the same.

Getting ready

To get the full code, images, and fonts, please refer to the ImageLikeRendering project. More outcomes are in the project folder.

How to do it...

Let's list the different outcomes we created.

To begin with, we will see the Neon effect on the night.

  1. First, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required