Skip to content

Get Started

Jump to bottom
monzanifabio edited this page Jun 21, 2020 · 1 revision

Welcome to the cryptofont wiki!

To get started with cryptofonts download the latest release from the release section.

1. Move the CSS and web fonts into your project.

Copy the entire webfonts folder and the cryptofont.css into your project’s static assets directory (or where ever you prefer to keep front end assets or vendor stuff).

2. Reference the CSS

Add a reference to the cryptofont.css styling file into the <head> of each template or page that you want to use Crypto Font on. Pay attention to the pathing of your project and where you moved the files to in the previous step.

Example:

<head>
<!--CryptoFont-->
<link href="cryptofont.css"rel="stylesheet">
</head>

3. Place icons in your UI’s markup

With the references complete, you can now start placing icons in your HTML’s

We recommend using a consistent HTML element, like an You can place Crypto Fonts icons just about anywhere using the CSS Prefix cf and the crypto ticker.

Example:

<body>
<!--some icons-->
<i class="cf cf-btc"></i>  
<i class="cf cf-eth"></i>  
<i class="cf cf-ltc"></i>  
</body>
Clone this wiki locally