PDA

View Full Version : Weird Fonts and Websites?


100%
02-01-2007, 07:01 PM
Probably a naive question but,:ermm:
If i make a site with a weird funky font downloaded from somewhere.
Does it show correctly for other people who visit the site or do they simply see the default font.


if so how does one go about, using weird fonts on sites, with out having to take screen shots of them.
Snee
02-01-2007, 09:05 PM
Every image on that site looks broken to me, and I don't see text with that font anywhere, Zed.

Tried different browsers too.

Then I noticed how you coded the thing.
The face attribute in font tags works something like:
p
{
color: yellow;
font-family: courier new, courier;
}

in a .css, for instance (in bold). Tags and styles like that requires whoever views it to have the font. Can't see where you put that font in tho', is it supposed to be the broken images?

And btw, use an external .css if you plan to repeat a particular style on lots of tags or so, it's much neater IMO.

EDit: and also: the face attribute is deprecated.
100%
02-01-2007, 10:41 PM
oeffff
no it is not supposed to be broken images, it should say "this is a test" in a funny font type
hence it does not work
I am trying to learn css
but how do you implement a new font into a website...
Ok thanks for the help
but for this simple job i will stick to screen shots of wierd fonts.
Barbarossa
02-02-2007, 09:12 AM
If it's a font that you just want to use for headings, etc, then you could create images containing the headings, in the font of your choice.
Snee
02-02-2007, 05:17 PM
oeffff
no it is not supposed to be broken images, it should say "this is a test" in a funny font type
hence it does not work
I am trying to learn css
but how do you implement a new font into a website...
Ok thanks for the help
but for this simple job i will stick to screen shots of wierd fonts.

Yeah, that's the way, as Barbie says.

Like I said, if you use fonts in face attributes or in a css like I showed, the font needs to be present client-side.

And do learn to use style sheets if you have the time, it's muy nicer IMO.

Also, personally I rly don't like using tables to position stuff, if you feel up to it, try doing layouts with divs.

I s'pose I could show you some stuff I did with .css-files and layers for skewl if you'd like :ermm:


EDit: and barbie, I'm soooo going through your code. (It's intaresting to see what people wot actually work with this stuff do.)

Personally I'd have put the js in its own file, tho' :snooty:
Shadowfire
02-02-2007, 09:22 PM
They'll see the default font if they don't have the font on their computer. If they do have it on their computer, they'll see it fine. A way to get around that is to upload the font onto your host and embed it into the site itself. Google something along the lines of "embed font in website" and you'll get stuff that explain it way better than I ever can.
100%
02-03-2007, 12:02 AM
@shadowF well said , "embed" tutorial coming up,merci

@Snny that site i posted and removed was a test site, and i even posted the wrong one, hence broken images. I will contact you when the css occasion arises. merci
Barbarossa
02-05-2007, 09:47 AM
Personally I'd have put the js in its own file, tho' :snooty:


:lol:

Most of it is: server side includes ftw :01:


<script language="JavaScript">
<!--
<!--hide this script from non-javascript-enabled browsers

function SubmitForm(Action) {

TheForm = document.MainForm;
TheForm.Action.value = Action;
TheForm.submit();
}

function ButtonClick(Button) {

if (Button == "PS")
{ opennewwindow("...etc...") }
if (Button == "CM")
{ opennewwindow("...etc...") }
if (Button == "EN")
{ opennewwindow("...etc...") }
if (Button == "TC")
{ opennewwindow("...etc...") }

}

//-->
</script>
<!--#include file="JavaScript.inc" -->
</head>

Being self-taught though, I doubt that anything I'm doing is the best way to do stuff... :ermm:
tesco
02-06-2007, 12:28 AM
barbi, take that <BR> out from about the <html> tag. :P
And also don't use <br>, use <br />.

Zed%, to easily just change the font of the entire site with CSS use something like...

body
{
font-family: whateverfont, whateverbackupfont;
}