Headline/Slogan Does Not Retain Font Style


Author Message
Ben

Posted: 9/13/2012
Quote message 

Thanks in advance, everyone!

The headline and slogan appear in the correct font when browsing it on a PC using IE, Chrome and Firefox. However, the font does not display properly--it reverts to helvitica or something--when viewing the page on a Mac running Safari or Chrome! Grrr!

Any help/insight would be deeply appreciated. Thanks!

Here is a link to my "test server". The main page is HTML, and if you click the BLOG link, and go to my blog--that is in a seperate dir--you will see the same headline and slogan there as well. www.testforecho.freeiz.com I'm using Artisteer 3.1.0.46558 Standard Edition.

For some reason, Mac's and any browser installed on a mac will not show the headline and slogan in the correct font either on the HTML site, or the wordpress Blog. It reverts to something like helvetica.

If I cannot accomplish this via Headline and Slogan, what would you advise?

Thanks again!

 
Ben

Posted: 9/13/2012
Quote message 

Here is the relevant portion of the CSS from style.css. The font I'm trying to use for the headline/slogan is SWTOR Trajan. Again, thanks!

.art-logo-name
{
display: block;
text-align: left;
font-family: "SWTOR Trajan",Arial, Helvetica, Sans-Serif;
font-size: 66px;
padding: 0;
margin: 0;
color: #000000 !important;
}
.art-logo-name a,
.art-logo-name a:link,
.art-logo-name a:visited,
.art-logo-name a:hover
{
font-family: "SWTOR Trajan",Arial, Helvetica, Sans-Serif;
font-size: 66px;
padding: 0;
margin: 0;
color: #000000 !important;
}

.art-logo-text
{
display: block;
text-align: left;
font-family: "SWTOR Trajan",Arial, Helvetica, Sans-Serif;
font-size: 53px;
padding: 0;
margin: 0;
color: #000000 !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
font-family: "SWTOR Trajan",Arial, Helvetica, Sans-Serif;
font-size: 53px;
padding: 0;
margin: 0;
color: #000000 !important;
}

#headline, #slogan
{
display: block;
min-width: 150px;
text-align: left;
}
/* end Logo */

/* begin Menu */
/* menu structure */
 
Ben

Posted: 9/13/2012
Quote message 

Okay, I just found out that the only reason why I can see the font correctly is because I have the font installed on my computer. I tried it on different PC's, and I cannot see the font there. However, if I install the font on to the local computer, I can see the proper font for the headline/slogan. So this is not relegated to Mac's and their browsers.

So, is there a way I can place the font on the webserver itself? That way everyone can view the proper font? Add some kind of "source=" for it?

Again, any advice/insight is deeply appreciated! Thanks!
 
Garry

Posted: 9/13/2012
Quote message 

@ Ben

I'll suggest you to try Google Fonts, 4.0 version support this.
 
Ben

Posted: 9/15/2012
Quote message 

Thanks, Gary! I'll give that a shot and report back.


 
Ben

Posted: 9/30/2012
Quote message 

Hey, guys!

Just wanted to report back that I went with a pre-designed, floating point graphic.

I gave google fonts a try, but they didn't have any fonts that caught my eye.

However, I noticed some odd behavior after implementing them--and font-face solutions. I kept checking and making sure my code was right where it needed to be--the HTML, CSS--but it wound up not working for some reason. I spent days chasing it, and then I found a floating point font that worked. It really made the site pop. So, in the end, it all worked out.

When I have the time, I want to play-around and find out what caused the anomolies.

Again, many thanks, guys!