Okay so I’m playing with some of these new features that css3 has to offer. Unfortunately most of them aren’t supported by Internet Explorer and definitely none of them are supported by Explorer 6 (which we happen to use at my work). So for you Firefox and Safari users this should work out fine.
So far I have implemented the border-radius feature and am going to try the @face-font, so you should start to see some changes occurring soon. (but not if you use IE)
The border radius is still in development if you want to use them they are browser specific at the moment:
* -moz-border-radius-topleft / -webkit-border-top-left-radius
* -moz-border-radius-topright / -webkit-border-top-right-radius
* -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
* -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
For the custom fonts (which actually worked in IE6) use:
font-family: ’3dumb’;
src: url(‘font/3Dumb.eot’);
src: local(’3Dumb’), local(’3dumb’), url(‘font/3Dumb.ttf’) format(‘truetype’);
}
Where the url(‘font/3Dumb.ttf’) is the directory on your server where the font is uploaded. You can find free fonts at Font Squirrel
I’ll be sure to add more as I implement them.
No Comments »