HTML and CCS help

[Roxas]

Does anyone have any skill in HTML and CSS?
I kind of need help with something I am trying to make

[Luke[Dumke]]

What do you need?

[Roxas]

haha there could be a whole list XD
But for now the thing im trying to work on that has been frustrating me, is trying to add my own font to a the webpage, I can send you the link of what I have so far if you want.

[Luke[Dumke]]

http://www.w3schools.com/css/css3_fonts.asp

[Roxas]

http://www.w3schools.com/css/css3_fonts.asp

My trouble is I dont know where to src it to, or how to get the files onto the website so it knows where to get them
EDIT: Did I mention that the only stuff I know about coding is stuff I learned today? XD

[Luke[Dumke]]

So there is alot more then just HTML and CSS help you need.

[Roxas]

There is >.>?
I mean this is what i have so far kinda......
http://radiantdawn.ucoz.com/

[Luke[Dumke]]

Ah you're using a hostfarm, so like, how do you like make website changes?

[Roxas]

Using this:

[Luke[Dumke]]

So you can directly edit the files, that's good.
I'd suggest you sign up for dropbox, so you can upload fonts there and src to that.

[Roxas]

So you can directly edit the files, that's good.
I'd suggest you sign up for dropbox, so you can upload fonts there and src to that.

Good news Is I already have a dropbox
Post Merge: May 27, 2014, 03:00:23 PM

So you can directly edit the files, that's good.
I'd suggest you sign up for dropbox, so you can upload fonts there and src to that.

So do I save my tff file to it?

[Luke[Dumke]]

Hopefully what i've given you should help then.

upload to dropbox, right click, share url, now that is the link you add to "src"

i.e

Code: [Select]

<style>
@font-face
{
font-family: 20000DollarBail;
src: url(https://www.dropbox.com/s/s24bfn2j9ffxwun/20000DollarBail.ttf);
}

div
{
font-family:20000DollarBail;
}
</style>


[FireSaiyan]

What I do is use use this website http://www.fontsquirrel.com/tools/webfont-generator to convert my font files into formats that can be embedded into CSS. 
This website will also generate sample code to help you.

Then when you have all the font files (.eot, .woff, .ttf, .svg), save them in the same folder as your .css file and embed it like this..

Code: [Select]

@font-face {
    font-family: 'CastleT';
    src: url('castlen-webfont.eot');
    src: url('castlen-webfont.eot?iefix') format('eot'),
         url('castlen-webfont.woff') format('woff'),
         url('castlen-webfont.ttf') format('truetype'),
         url('castlen-webfont.svg#webfontsHNB1eRO') format('svg');
    font-weight: normal;
    font-style: normal;
zoom:1;
}

h1{
clear:left;
font-size:24px;
margin:.5em 0 .5em;
font-family:'CastleT';
color:#355684;
font-weight:bold;
}

This for example makes all h1 tags use my embedded font 'CastleT' and works in all major browsers, hope that helps

Also look at google fonts which are very easy to embed also
https://www.google.com/fonts

[Kyle]

Throw magic at it. It'll work.