[ icoMoon ] icon font .ttf .svg .woff .eot

Example here is using FontAwesome, however we can use icomoon to generate the font as well.

<html>
<head>
<style>
    @font-face {
        font-family: 'FontAwesome';
        src:url('http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf') format('truetype'),
            url('http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.woff') format('woff'),
            url('http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.svg') format('svg');
     }

     .mail:before {
        font-family: FontAwesome;
        content: "\f095";
    }
</style>

</head>
<body>
    <i class="mail"></i>
</body>
</html>

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s