Website Fonts

stphnstevey

Hi

Second ask for tonight, sorry!

I am just starting out in designing my website. Anyone know have any links to

a) Cool fonts to jazz up my website
b) Any tools to create the a logo or banner in a cool font for my website name
c) Any buttons or other free stuff

Thanks

Farway

You have to be careful on fonts, unless the viewer has same font on their PC your "cool" font will finish up as cr*p on theirs, stick to web friendly ones

Or make them as images, but beware of large images, or your site will be the one that every one clicks away form instantly

Please please if tyou want others to read your site, keep it simple & avoid "cool"

theallpowerful

As Farway said, use fonts with caution, and if you must use unusual fonts, use them as images...

Also, be careful with copywrite, as many fonts require a fee if you intend to use them on a commercial site.

That said, I like Fontstock ( http://www.fontstock.net/ )

Have fun!

stphnstevey

Does anyone know how to make fonts and images partly transparent - I mean so that you don't get the backgroud with the image

I think I remember reading you could only do this with GIFs?

stphnstevey

No body know then?

tripled

To my knowledge you need to use css, I don't think it can be done with html but I'm not 100% on that.
Add this to your style sheet to make an image or text semi transparent:

span.opacity50
(
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
}

If you aren't using css, put it in the <head> section of your code as follows:

<head>
<style type="text/css">
span.opacity50
(
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
}
</style>
</head>

That should set the text or image between <span class="opacity50">...</span> to be semi-opaque.
The first line is saying for the <span> tag, if it has a class "opacity50" then do what is between the squiggly brackets. If you want images of varying opacity, you could do somthing like this:

span.opacity25
(
filter:alpha(opacity=25);
opacity:0.25;
-moz-opacity:0.25;
}
span.opacity50
(
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
}
span.opacity75
(
filter:alpha(opacity=75);
opacity:0.75;
-moz-opacity:0.75;
}

the filter: line is for ie
the opacity: line is standards compliant (no browser currently supports this command, but it is future proof)
the -moz-opacity is for mozilla/firefox
A lower value is more transparent, a higher value less so.

Replace any opening brackets ( with squiggly ones, the site filter blocks them for some reason although it allows closing ones }

I'm still learning this stuff myself, you can look into it yourself at http://www.w3schools.com/css/css_image_transparency.asp

If you only want to make images transparent, it is posible to make a gif transparent by editing it first in something like paint shop pro rather than do it through the site code.

SeasickPony

Good selection of free Mac & PC fonts here :

http://www.dafont.com/

stphnstevey

tripled wrote: »

If you only want to make images transparent, it is posible to make a gif transparent by editing it first in something like paint shop pro rather than do it through the site code.

Any ideas how to do this?

sra

stphnstevey wrote: »

Any ideas how to do this?

In Irfanview, you make the areas you want transparent all the same colour, then you tell it you want that colour to be transparent.

E.g here the creator has painted the whole outside a bright green in MS paint, and then opened it up in irfanvew and when saving has been asked to choose the transparent colour - then clicked the green.

richyrichuk

if u wanna use images and fancy fonts. try using photoshop or fireworks to edit images. both very gd (but expensive if u buy them) just dont buy them

stphnstevey

richyrichuk wrote: »

if u wanna use images and fancy fonts. try using photoshop or fireworks to edit images. both very gd (but expensive if u buy them) just dont buy them

I do have Photoshop somewhere actually - how do I do a part transparent image with that?