Close Button mit CSS

Mit der Light-Webfont “Flamenco” von Google lässt sich gut so  Icons machen wie   <  >     X     v      ohne das man Grafiken einsetzen muss.

FONT:

<link href=’http://fonts.googleapis.com/css?family=Flamenco:300,400‘ rel=’stylesheet’ type=’text/css’>

font-family: ‘Flamenco’, cursive;

CSS :

#buttonClose {
font-family: Flamenco, cursive;
font-size: 30px;
background-color: #FFF;
display: inline-block;
margin-left: -30px;
position: absolute;
width: 40px;
height: 40px;
z-index: 2;
left: 50%;
top: 490px;
padding-top: 25px;
border-radius: 70px;
font-weight: 300;
padding-left: 25px;
box-shadow: 0px 1px 4px #999;
}