We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
  • Pages:
  • 1
[ C ] Dafont Fonts
Topic Started: Aug 13 2015, 05:12 PM (652 Views)
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
ZB
URL in profile

Is it possible to install a font from Dafont.com (not an ad), into my forum?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You might want to check these out:

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

https://www.google.com/fonts
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
I looked through the google link and they don't have the font Waltograph, is it possible to download from Dafont instead?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Do they have a download option?
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Yes, right here: http://www.dafont.com/walt-disney.font
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Download it, upload it wherever possible, then install it using @font-face.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
I upload the .ttf file right?
Is this the code that I would use?

Code:
 
<html>
<head>
<title>Web Font Sample</title>
<style type="text/css" media="screen, print">
@font-face {
font-family: "Bitstream Vera Serif Bold";
src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
}

body { font-family: "Bitstream Vera Serif Bold", serif }
</style>
</head>
<body>
This is Bitstream Vera Serif Bold.
</body>
</html>


This is the upload link:http://z2.ifrm.com/10746/4/0/f5059533/waltographUI.ttf
Edited by Tyler Dream, Aug 13 2015, 09:05 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
@font-face {
font-family: "TITLE";
src: url("http://z2.ifrm.com/10746/4/0/f5059533/waltographUI.ttf");
}
Add that to your CSS.
Code:
 
font-family: "TITLE", sans-serif;
Add that to the selector you are wanting to change the font of.

Change the capitalized text as necessary.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Might sound like a stupid question, but where is the selector? ^_^
Edited by Tyler Dream, Aug 13 2015, 09:17 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
html, body {
background: none repeat scroll 0 0 #202B41;
color: #D6D6D6;
font-family: "Segoe ui","Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif;
font-size: 93.3%;
margin: 0;
padding: 0;
}
That's an example of a selector contained within your CSS. As you can see, it already uses the font-family property.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
So would this work?

Code:
 
html, body {
background: none repeat scroll 0 0 #202B41;
color: #D6D6D6;
font-family: "Segoe ui","Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif;
font-family: "Waltograph", sans-serif;
font-size: 93.3%;
margin: 0;
padding: 0;
}
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Try this instead:
Code:
 
html, body {
background: none repeat scroll 0 0 #202B41;
color: #D6D6D6;
font-family: "Waltograph","Segoe ui","Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif;
font-size: 93.3%;
margin: 0;
padding: 0;
}
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
I'm not sure if it worked? What is that supposed to make it do?
Offline Profile Goto Top
 
FB92
Member Avatar
Member
[ *  * ]
Cory
Aug 13 2015, 09:24 PM
Try this instead:
Code:
 
html, body {
background: none repeat scroll 0 0 #202B41;
color: #D6D6D6;
font-family: "Waltograph","Segoe ui","Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif;
font-size: 93.3%;
margin: 0;
padding: 0;
}
How does this code embed the downloaded font? I'm trying to get a downloaded font embed myself.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I couldn't get it to work on my test board either, and I think it's because of this:
Quote:
 
Web fonts are subject to the same domain restriction (font files must be on the same domain as the page using them), unless HTTP access controls are used to relax this restriction.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1