OK, thanks for your help.

The table headers font is now 'News Cycle' and bold which is what I wanted.

Thanks

I have used this coding now

@font-face{
font-family: 'News Cycle';
src: url('News Cycle.eot');
src: url('News Cycle.eot?#iefix') format('embedded-opentype'),
url('News Cycle.woff') format('woff'),
url('News Cycle.ttf') format('truetype'),
url('News Cycle.svg#News Cycle') format('svg');
}

and it looks better now, thanks!

Hello

In the 'New Cycle' font in the two table headers here:

http://www.bayingwolf.com/prices1.asp

the font looks of poor quality (in IE and Chrome and, for some reason, are left-aligned in Safari on Windows instead of centred).

The same applies to the final line of text links at the bottom of the page - the letter 'e' seems to drop.

I have uploaded the 'Regular' and 'Bold' fonts to my server and this is what I have in my style-sheet:

@font-face {
font-family: News Cycle;
src: url('../fonts/NewsCycle-Regular.eot');
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
}

@font-face {
font-family: 'News Cycle';
src: url('../fonts/NewsCycle-Bold.eot'), url('../fonts/NewsCycle-Bold.ttf') format('truetype'), url('../fonts/NewsCycle- Bold.svg') format('svg');
font-weight: bold;
font-style: bold;
}

I think they are coded correctly, aren't they?

Thanks!

I don't understand those languages, sorry

It also depends on the design tools you have.

Yes, some are poorly designed. I suppose some people are reluctant to pay for a professional service?

'a serious site related to legal matters, or a fun site for children'

That is the target audience.

Possibly, but this is a personal site. In any case, the site is being recreated in ASP.NET.

Normally, I lay the foundation of the Web page first: navigation, colour scheme, links, images, and then I would work on the text. The nature of the Web site - a serious site related to legal matters, or a fun site for children - helps determine the structure of the site.

At that point, still in the early stages, I was not interested in the text content, just in laying the bones of the site structure!

In the screenshot, can you see 'Welcome to my site!'?

That is JennaSue.

It is used here:

http://www.bayingwolf.com/DimaWeb/index3.asp

No.

I only commented the code out AFTER I had tried it. Then I moved on to the next possibility. When that didn't work, I commented it out.

Hello

I decided to remove the Jenna Sue font from my Windows folder so that I could see if the font worked on a Web page for someone who did not have the font installed. I uploaded the font to my font folder on my server, and in my HTML page I tried many different combinations including:


h1.title{
font-family: 'JennaSue';
color: #ffffff;
float: left;
margin-left: 80px;
margin-top:10px;
display: inline-block;
font-size: 24px;
}


/*@font-face {
font-family: Jenna Sue;
src: url('../fonts/JennaSue-webfont.eot');
src: url('../fonts/JennaSue-webfont.woff');
src: url('../fonts/JennaSue-webfont.ttf');
local("Jenna Sue"),
}*/


/*@font-face {
font-family: Jenna Sue;
src: url('..New1/fonts/JennaSue-webfont.eot');
src: url('..New1/fonts/JennaSue-webfont.woff');
src: url('..New1/fonts/JennaSue-webfont.ttf');
local("Jenna Sue"),
}*/


/*@font-face {
font-family: 'jenna_sueregular';
src: url('jennasue.eot');
src: url('http://www.mysite.com/New1/fonts/jennasue.eot?#iefix') format('embedded-opentype'), url('http://www.mysite.com/New1/fonts/jennasue.woff2') format('woff2'),
url('http://www.mysite.com/New1/fonts/jennasue.woff') format('woff'), url('http://www.mysite.com/New1/fonts/jennasue.ttf') format('truetype'), url('http://www.mysite.com/New1/fonts/jennasue.svg#jenna_sueregular') format('svg');
font-weight: normal;
font-style: normal;
}*/


/*@font-face {
font-family: 'jenna_sueregular';
src: url('jennasue.eot');
src: url(http://www.mysite.com/New1/fonts/jennasue.eot?#iefix) format('embedded-opentype'), url(http://www.mysite.com/New1/fonts/jennasue.woff2) format('woff2'),
url(http://www.mysite.com/New1/fonts/jennasue.woff) format('woff'), url(http://www.mysite.com/New1/fonts/jennasue.ttf) format('truetype'), url(http://www.mysite.com/New1/fonts/jennasue.svg#jenna_sueregular) format('svg');
font-weight: normal;
font-style: normal;
}*/


/*@font-face {
font-family: 'jenna_sueregular';
src: url('jennasue.eot');
src: url('jennasue.eot?#iefix') format('embedded-opentype'), url('jennasue.woff2') format('woff2'),
url('jennasue.woff') format('woff'), url('jennasue.ttf') format('truetype'), url('jennasue.svg#jenna_sueregular') format('svg');
font-weight: normal;
font-style: normal;
}*/


/*@font-face {
font-family: "Jenna Sue";
src: url('/New1/fonts/JennaSue.eot');
src:url('/New1/fonts/JennaSue.woff');
src: local("Jenna Sue"), url('/New1/fonts/JennaSue.ttf');
}*/

/*
@font-face {
font-family: 'JennaSue';
src: url(JennaSue.eot);
src: url(JennaSue.eot?#iefix) format(embedded-opentype), url(JennaSue.woff) format('woff'), url(JennaSue.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}*/


/*h1.title{
font-family: 'JennaSue';
font-family: JennaSue, Arial, Serif;
color: #E93AE7;
/*float: left;*/
margin-left: 250px;
margin-top:30px;
display: inline-block;
font-size: 400%;
}*/


/*h1.title{
font-family: 'jenna_sueregular';
font-family: Jenna Sue, Arial, Serif;
color: #E93AE7;
/*float: left;*/
margin-left: 250px;
margin-top:30px;
display: inline-block;
font-size: 400%;
}*/


/*@font-face {
font-family: Jenna Sue;
src: url('../fonts/JennaSue-webfont.eot');
src: local("Jenna Sue"), url('../fonts/JennaSue-webfont.ttf');
}*/

/*@font-face {
font-family: 'jenna_sueregular';
src: url('http://www.mysite.com/New1/fonts/jennasue.eot');

src: url('jennasue.eot?#iefix') format('embedded-opentype'),
url('http://www.mysite.com/New1/fonts/jennasue.woff2') format('woff2'),
url('http://www.mysite.com/New1/fonts/jennasue.woff') format('woff'),
url('http://www.mysite.com/New1/fonts/jennasue.ttf') format('truetype'),
url('http://www.mysite.com/New1/fonts/jennasue.svg#jenna_sueregular') format('svg');
font-weight: normal;
font-style: normal;
}*/

/*@font-face {

font-family: 'jenna_sueregular';
src: url(http://www.mysite.com/New1/fonts/jennasue.eot);
src: url(jennasue.eot?#iefix') format('embedded-opentype),
url(http://www.mysite.com/New1/fonts/jennasue.woff2) format('woff2'),
url(http://www.mysite.com/New1/fonts/jennasue.woff) format('woff'),
url(http://www.mysite.com/New1/fonts/jennasue.ttf) format('truetype'),
url(http://www.mysite.com/New1/fonts/jennasue.svg#jenna_sueregular) format('svg');
font-weight: normal;
font-style: normal;
}*/

/*@font-face {
font-family: 'jenna_sueregular';
src: url(http://www.mysite.com/New1/fonts/'jennasue.eot');
src: url(jennasue.eot?#iefix') format('embedded-opentype),
url(http://www.mysite.com/New1/fonts/'jennasue.woff2') format('woff2'),
url(http://www.mysite.com/New1/fonts/'jennasue.woff') format('woff'),
url(http://www.mysite.com/New1/fonts/'jennasue.ttf') format('truetype'),
url(http://www.mysite.com/New1/fonts/jennasue.svg#jenna_sueregular) format('svg');
font-weight: normal;
font-style: normal;
}*/

The font is not a problem if you have it installed in the font folder of Windows. The real name of the font (ttf) is: JennaSue. That is, one word, two capital letters, and no quotation marks. Feel free to use any of those @fonts above. But I could not get it to work on a Web page without the JennaSue font in my Windows folder: that means that nobody would see it online and, eventually, I abandoned the idea of using the font.

Next time, I will probably email the author/creator of the font and ask for the correct script.

Steve

Thank you toto@k22

I have downloaded the font and CSS and uploaded both the font and CSS. The CSS didn't work, so I made a couple of variations (such as including a real Web address for src), and that didn't work, either.

I am beginning to think this is a bigger issue and have contacted my Web hosting service.

Thanks again!

Thanks, and would you CSS it like this:

@font-face {
font_family: JennaSue;
src: url("http://www.mysite.com/fonts/JennaSue.eot" ;
src: url("http://www.mysite.com/fonts/JennaSue.woff" ;
src: url("http://www.mysite.com/fonts/JennaSue.ttf" ;
}

Thanks for your advice!

Steve

Many thanks for that, koeiekat

The font name, though two separate words, is defined as one word but with two capitals (just to make life easy!): JennaSue

Thanks for your message.

I have all of those in my CSS and the font on the server, and using a laptop I have, I cannot see the font. Presumably because I am
not embedding them correctly, as you indicate.

I can contact the author, yes, but the author/creator was very explicit: free for commercial/personal use.

Thanks for the link - I'll check it out now because I am keen to get this resolved.