RaceFont 1.0

RaceFont is like a regular font, but instead of glyphs it contains icons. This gives you scalable vector icons that can instantly be customized — any size, colour, drop shadow or anything that can be done with the power of CSS. No more sleepless nights, trying to resize & export dozens icons. Huray!


RaceFont free download

Finally a responsive web-font is here to satisfy all your racing needs. Get the full package of RaceFont 1.0 for free here: racefont.zip
OR set of SVG files racefont_SVG.zip

Easy way to get RaceFont 1.0 onto your website.

Setting up a RaceFont can be as simple as adding one line of code to your website! Follow these easy steps to get the race-font.css.

1. Download racefont.zip, unzip it.
2. Copy the entire racefont directory into your project.
3. Paste the following code into the <head> of your site’s HTML, reference the location to your race-font.css.

<head>
   ...
   <link rel="stylesheet" type="text/css" href="path-to-racefont/race-font.css">
   ...
</head>

4. All done. Now you can develop & improve your website.

Lets se how

You can place RaceFont icons just about anywhere using the CSS Prefix rf and the icon’s name. RaceFont can be used with inline elements like the <i> tag for brevity, but using a <span> is more semantically correct.
rf-car-formula

<span class="rf rf-car-formula"></span>

OR

<i class="rf rf-car-formula"></i>

Play around

70px 35px15px

Transform your icons in seconds. Add to your <HTML>

<span class="rf rf-big rf-trophy"></span>
<span class="rf rf-medium rf-trophy"></span>
<span class="rf rf-small rf-trophy"></span>

Add style to your <CSS>

.rf-small {font-size: 15px;}
.rf-medium {font-size: 35px; color: orange;}
.rf-big {font-size: 70px;}

Need IE7 Support?

Icon RaceFont doesn’t support IE7. You should be complaining to whomever decided your project needs IE7 support. Sorry its 2015…

Powered by BiloBlog – biloshytska.com.

If you use & enjoy our font, please buy us a doughnut or cup of tea via Donate button.





Leave a Reply