Phone and FAX
Tel: 0845 121 1194
Fax: 0845 121 1195
Archives:
Meta:
Categories:
Css Font-Face - Src: url - May 2nd, 2008
That’s right it is now an option in CSS that you don’t have to rely on your standard fonts that come pre installed. For a long time this has been a big drawback for web designers. If you wanted to use a fancy font or break from the norm and not use a standard font then you have always had to place your text in an image.
Well from now on you won’t! As long as all your end users use Safari! So this doesn’t make a massive story because you are still limited but its progress, and it’s in the right direction.
You can now use any font you like by specifying the source of the font in your Css file. If you use a non standard font then you can upload the font file to your server and in your CSS file specify its path just like you would with an image.
First you need to define the font:
View CodeCSS | |
1 2 3 4 5 6 7 | @font-face { font-family: spacial font; src: url(’special.otf’); } |
You need to repeat this for any bold or other versions of the font you will use. Then you can use the font in your normal css statement:
View CodeCSS | |
1 2 3 4 5 | p { font-family: Special,sans-serif; font-weight: normal; } |
Gary
Web Designer
Do You Understand CSS Colour Modes - April 16th, 2008
Colours are an important factor in any website design but do you know the differences between the different css colour modes? Apparently many people do not so in this article I will outline the 3 main colour modes. It’s important to remember that these colour modes are the ones used in CSS2 and CSS3 and are supported by most browsers.
RGB Mode
RGB mode has been in use in css for some time and a typical rgb colour would look something like this, (255, 0, 0). This mode uses 256 steps for each of the primary colours and users can also include percentages to set the levels of colours. I find that this method is rather long winded compared to the two other colour modes. The other colour modes essentially simplify the colour picking process.
Hexidecimal Mode
This is probably the colour mode of choice for designers as it is easy to use. The colour black for example in hexadecimal mode would look like this #000000. The hexadecimal mode works by assigning two digits or letters for each colour (red, green and blue). The higher the digits then the brighter the colour will be. Many colour picking tools such as the one in Photoshop will give you colours in this mode as well as RGB.
HTML Keyword Colour Mode
This mode uses keywords. Designers can enter certain colours into the html code in order to assign a colour to an item. This mode is limited as HTML4 only include 16 colours. These include black, white, navy, maroon, teal, white, yellow etc. Most people don’t use this mode as it limits the colours and styles they can use. The design of a page is essentially limited.
These are the standard colour modes that you will find in use today but in the future we may see the introduction of new colour modes. Maybe pre-defined gradients will come in to play.