We’d like to remind Forumites to please avoid political debate on the Forum.

This is to keep it a safe and useful space for MoneySaving discussions. Threads that are – or become – political in nature may be removed in line with the Forum’s rules. Thank you for your understanding.

📨 Have you signed up to the Forum's new Email Digest yet? Get a selection of trending threads sent straight to your inbox daily, weekly or monthly!

Website Fonts

stphnstevey
stphnstevey Posts: 3,227 Forumite
Part of the Furniture 1,000 Posts Combo Breaker
in Techie Stuff
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
«1

Comments

  • Farway
    Farway Posts: 14,994 Forumite
    Part of the Furniture 10,000 Posts Homepage Hero Name Dropper
    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"
    Numerus non sum
  • theallpowerful
    theallpowerful Posts: 55 Forumite
    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
    stphnstevey Posts: 3,227 Forumite
    Part of the Furniture 1,000 Posts Combo Breaker
    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
    stphnstevey Posts: 3,227 Forumite
    Part of the Furniture 1,000 Posts Combo Breaker
    No body know then?
  • tripled
    tripled Posts: 2,884 Forumite
    Part of the Furniture 1,000 Posts Name Dropper Combo Breaker
    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
    SeasickPony Posts: 6 Forumite
    Good selection of free Mac & PC fonts here :

    http://www.dafont.com/
  • stphnstevey
    stphnstevey Posts: 3,227 Forumite
    Part of the Furniture 1,000 Posts Combo Breaker
    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
    sra Posts: 4,673 Forumite
    Part of the Furniture 1,000 Posts Combo Breaker Photogenic
    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
    richyrichuk Posts: 345 Forumite
    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 :D
  • stphnstevey
    stphnstevey Posts: 3,227 Forumite
    Part of the Furniture 1,000 Posts Combo Breaker
    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 :D

    I do have Photoshop somewhere actually - how do I do a part transparent image with that?
This discussion has been closed.
★ ★ ★ Meet your Ambassadors

🚀 Getting Started

Hi new member!

Our Getting Started Guide will help you get the most out of the Forum

Categories

  • All Categories
  • 352.5K Banking & Borrowing
  • 253.7K Reduce Debt & Boost Income
  • 454.5K Spending & Discounts
  • 245.5K Work, Benefits & Business
  • 601.5K Mortgages, Homes & Bills
  • 177.6K Life & Family
  • 259.5K Travel & Transport
  • 1.5M Hobbies & Leisure
  • 16K Discuss & Feedback
  • 37.7K Read-Only Boards

Is this how you want to be seen?

We see you are using a default avatar. It takes only a few seconds to pick a picture.
Update Your Picture