CSS style for ARBONNE text

Question

I'm making a website for a friend and he wants the text font to be AR BONNIE. Does anyone know the CSS for this? I can't seem to find the font anywhere.

Answer 1

If you want to use a font in CSS, you must make sure that all of your visitors have that font installed, or provide it in an url, or display it as a bitmap or via flash.

Answer 2

A great option is using typeface.js. I've not used it myself in any of my sites, but I loved the concept, and the examples they've provided.

Answer 3

AR BONNIE is a replicated version of the Ascender "Plaza" font which was then resold as AR BONNIE.

Click here for the Plaza font.

Answer 4

Andes, from Dafont, is pretty close:

But since its not web font , you have to embed exclusively.

You can also take a look at

http://code.google.com/webfonts

its google web font , you can use in css.

http://www.dafont.com/search.php?psize=m&q=andes

Answer 5

Go to this site: onlinefontconverter and create woff, eot, svg and ttf files and put this in css

@font-face {
    font-family: 'ARBONNIE';
    src: url('ar-bonnie.eot');
    src: local('☺'),
         url('ar-bonnie.woff') format('woff'), 
         url('ar-bonnie.ttf') format('truetype'), 
         url('ar-bonnie.svg#ARBONNIE') format('svg');
    font-weight: normal;
    font-style: normal;
}

and you can set p { font-family: 'ARBONNIE'; }

Answer 6

AR BONNIE is not een valid webfont.(see http://web.mit.edu/jmorzins/www/fonts.html)

There are different types of solutions.

• Use javascript: sifr or cufon or typeface

• Use css3 - @font-face (not supported by all browsers)

Always check if the font is legal for your project. EULA rights...