No replies
erinbug
Offline
newbie
Last seen: 9 years 34 weeks ago
Timezone: GMT-6
Joined: 2011-01-31
Posts: 1
Points: 2

Greetings,

I'm trying to use @face-font, and I'm unclear how the source URL should go. I'm following these two guides:

They list the source url's like:

@font-face {
	font-family: 'ChunkFiveRegular;
	src: url('Chunkfive-webfont.eot);
	src: local(‚ò∫'),
			 url('Chunkfive-webfont.woff') format('woff'),
			 url('Chunkfive-webfont.ttf') format('truetype'),
			 url('Chunkfive-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

and:

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  src: local("☺"),
    url("type/filename.woff") format("woff"),
    url("type/filename.otf") format("opentype"),
    url("type/filename.svg#filename") format("svg");
  }

Being a complete newbie, I find this rather vague. I'm assuming I need to put in the url where the font files are stored on my computer, but so far the variations I've used are not producing results. My first instinct would be that it would go like this:

@font-face {
	font-family: 'FertigoProRegular';
	src: url('http://mydomain.com/www/html/fonts/Fertigo_PRO-webfont.eot');
	src: local(),
		url('http://mydomain.com/www/html/fonts/Fertigo_PRO-webfont.woff') format('woff'),
		url('http://mydomain.com/www/html/fonts/Fertigo_PRO-webfont.ttf') format('truetype'),
		url('http://mydomain.com/www/html/fonts/Fertigo_PRO-webfont.svg#Fertigo-PRO-webfont') format('svg');
 
font-weight: normal;
font-style: normal;
}

I've also tried shaving off the domain name, the http tag, and just leaving the file names. Can anyone tell me how I need to attribute the source url?

Thanks!