CODEWITHSUNDEEP
javascripthtmlcssweb
sandbox
sandbox

Reputation: 2679

How to Convert Font in Webpage to an Image

Couple of days back, While surfing web I came across some sites which uses images of text (specially for titles) to Solve the Cross Browser Font Availability issues. What is this technique called? Which technology is used to render it?

Upvotes: 0

Views: 1145

Answers (3)

Icarus
Icarus

Reputation: 63956

Couple of days back, While surfing web I came across some sites which uses images of text...

That's a very old -bad- practice.

You can now actually send the font to the user's browser (if it supports it) provided you have the right to distribute it.

In CSS, that's done like this:

@font-face {
    font-family: 'Comfortaa Regular';
    src: url('Comfortaa.eot');
    src: local('Comfortaa Regular'), 
         local('Comfortaa'), 
         url('Comfortaa.ttf') format('truetype'),
         url('Comfortaa.svg#font') format('svg'); 
}

Check this article.

Upvotes: 1

Matt K
Matt K

Reputation: 6709

It's possible to do in PHP using the GD library, but as an end user you wouldn't be able to tell.

Upvotes: 0

Snuffleupagus
Snuffleupagus

Reputation: 6715

I remember now. It's called sifr. The name for this kind of thing is typography, I guess. http://www.mikeindustries.com/blog/sifr

Anyway, as everyone else has side this is generally speaking bad practice.

Upvotes: 0

Related Questions