Opacity and Font Rules!

CSS3 has now allowed us to use our own fonts on the web.

This means we now aren't limited to certain styles on the web, and we can set our own font family. 

There is a whole range of fonts on www.dafont.com, just ensure you have a otf file for that font.  Once the font has been downloaded be sure to put it within your root for your website.

Create a rule in CSS this is done by using a '@' after you have added this then continue to add 'font-face', proceed to add

font-family: (Add the name of your font here)
You then need to provide the source for this font this means you need to add
src: url(YourFont.Otf);

Using CSS we are able to change opacity of objects within our HTML, meaning the personalised text you have just created you are able to create a pseudo class to enable this change opacity when hovered, visited etc.

This is simple done by changing a opacity, which is done like;

opacity: 0.5;

This will set the opacity to .5 lower than the original colour if this is used well you can create very nice effects.