AndrewSmith Posted February 22, 2013 Share Posted February 22, 2013 Ok, I have been searching the web for two weeks now and can not find anything to help. I am trying to change the font in my web page http://shbonline.info/asmith/gamesite.html from the default to Pricetown LET. I am working with the raw script, I only have Gedit and don't even know how to use it. All I want to know is how to install the font to my fathers web server. I can only access my own section on his domain. If anyone can help then that would be great. Thanks in advance. Link to comment Share on other sites More sharing options...
OTTO Posted February 22, 2013 Share Posted February 22, 2013 Try this. In your head: <link href='URL of your fonts location' rel='stylesheet' type='text/css'> In CSS: h1 { font-family: 'myfont', arial, serif; } Link to comment Share on other sites More sharing options...
Labtec Posted February 24, 2013 Share Posted February 24, 2013 I'd sugest also try converting your fonts to as many different types as possible to ensure you get a good majority of the main browsers to render the font. Check out http://www.fontsquirrel.com/tools/webfont-generator Hope that site helps. Create a new directory in your site structure let's say 'fonts', just like you would have a 'css' or 'images' directory. Put your font files in there. Give them a name so you can reference them, call it anything you want. Next, just reference that certain font in your CSS file and it should work. Check out the font generator though as it gives you the converted font types of that certain font and also the CSS to go with it!. Kind regards, Labby Link to comment Share on other sites More sharing options...
AndrewSmith Posted February 25, 2013 Author Share Posted February 25, 2013 Hey, OTTO, in the link to the fonts do I put the folder location or the actual font location? Link to comment Share on other sites More sharing options...
Labtec Posted February 25, 2013 Share Posted February 25, 2013 (edited) Font location relative to the file the url in. (CSS) Edited February 25, 2013 by Labtec Link to comment Share on other sites More sharing options...
AndrewSmith Posted February 26, 2013 Author Share Posted February 26, 2013 (edited) Ok, I am an idiot and do not know were exactly to put the two things. This is what I did. <html><title>Extreme GamerĀ®</title><head><link href='http://www.shbonline.info/asmith/font.ttf' rel='stylesheet' type='text/css'><style type="text/css">body{background-image:url('bgimga.jpg');background-repeat:no-repeat;background-position:top center;margin-right:75px;h1 { font-family: 'font.ttf', arial, serif; }}</style><LINK REL="SHORTCUT ICON" HREF="http://www.shbonline.info/asmith/epicgamer.ico"><script> But it does not work. font.ttf is my font file. Edited February 26, 2013 by AndrewSmith Link to comment Share on other sites More sharing options...
Labtec Posted February 26, 2013 Share Posted February 26, 2013 See my first post. Go to that site and upload your font, it will then produce download button which is a .zip file and it contains the CSS in there. Regards, Lab. Link to comment Share on other sites More sharing options...
AndrewSmith Posted February 28, 2013 Author Share Posted February 28, 2013 Thanks, that really helped and I actually did it. The frustration is over!!!!!!!!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now