Zen Cart Logo
Forums / General Questions / alt="" - Can I define the font?

alt="" - Can I define the font?

Locked

Views: 1,753

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
19 May 2007, 1:35 PM
#1
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

alt="" - Can I define the font?

Sorry if this is bone-headed but I've just about completed a cool page using a pretty slick JS sequential image gallery and the font sucks! Unfortunetly I don't know an alt tag from an old shoe.

OK, here's the code:

<a href="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome.jpg" title="Organic Oval - Our own production" rel="">
<img src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome_thumb.jpg" alt="This font sucks!" />
</a>

Is it possible to define the alt="This font sucks!" example text? Can I plop in something like this:

<font face="Georgia" color="#551A8B" size="4">

If so, where exactly? My attempts so far have proved fruitless.

Any pointers would be much appreciated!

Tim

***Tubular Wire Mesh Ribbon** ***BeadedLily** *

19 May 2007, 2:03 PM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: alt="" - Can I define the font?

I'm not positive, meltdown, but I think you'll have to do this from your stylesheet, won't you?

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 May 2007, 2:17 PM
#3
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

Re: alt="" - Can I define the font?

Get Em Fast:

I'm not positive, meltdown, but I think you'll have to do this from your stylesheet, won't you?

Hmmm... OK. How would I call it? Or how do I specifically define this group of text? Does one use the div id?

Hey, it does have it's own css in the header. Take a look:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>New Page 4</title>

<script type="text/javascript" src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/scripts/prototype.js"></script>
<script type="text/javascript" src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/scripts/frog.js"></script>

<style type="text/css">
#FrogJS{
width: 700px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
</style>

</head>

But this is defining a small bit of text that give photo credit. Maybe I could add some magical css text there! (But what...?!?:huh: )

***Tubular Wire Mesh Ribbon** ***BeadedLily** *

19 May 2007, 2:32 PM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: alt="" - Can I define the font?

Something like this, maybe:

font-family: Georgia;

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 May 2007, 2:37 PM
#5
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,683
Plugin Contributions:
0

Re: alt="" - Can I define the font?

Without seeing the page and what the alt is doing it is hard to say for sure - The URL?

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

19 May 2007, 3:01 PM
#6
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

Re: alt="" - Can I define the font?

Sorry - I hadn't yet uploaded it, as it is an imcomplete page. Here it is:

Testpage

The text area I'm speaking of is indicated as such:

This is the font area I'm speaking of...

Thanks

***Tubular Wire Mesh Ribbon** ***BeadedLily** *

19 May 2007, 3:24 PM
#8
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: alt="" - Can I define the font?

O.k. meltdown, that makes it sooooo much easier, since it's an html page, that makes it even easier to work with.

just add:

<font="Georgia"> and </font> to each one to make it look like:

<font="Georgia"><a href="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome.jpg" title="Organic Oval - Our own production" rel="">
<img src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome_thumb.jpg" alt="This is the font area I'm speaking of...">
</a></font>

I think that will fix you up.

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 May 2007, 4:32 PM
#9
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

Re: alt="" - Can I define the font?

Hello again - Thanks for your help.

It didn't seem to affect the text at all. You can see here:
testpage

I tried many different configurations using the <font="Georgia"> and </font> but no love. It kind of surprises (and annoys) me that they created this cool JS toy but dropped the ball on the font. I can't imagine anyone who would go with that junky text. It seems to me there must be a way to do this, right?! :huh:

***Tubular Wire Mesh Ribbon** ***BeadedLily** *

19 May 2007, 4:56 PM
#10
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

Re: alt="" - Can I define the font?

Get Em Fast:

I'm not positive, meltdown, but I think you'll have to do this from your stylesheet, won't you?

I'm begining to think you were right about the stylesheet. I looked at this page in FF's web developer tool to get the id & class details and saw that the text I'm working on is called #FrogJSCaption. That is listed in the css in the header:

#FrogJSCaption{
text-align: left;
line-height: 140%;
}

Probably all I need to do is properly add the desired font info to this script. I'm unsure exactly how it is to be entered but will play around with it. If anyone know how to do it, please do drop on in. :P

***Tubular Wire Mesh Ribbon** ***BeadedLily** *

19 May 2007, 5:10 PM
#11
meltdown avatar

meltdown

Totally Zenned

Join Date:
Jun 2006
Location:
My family and I live in Brighton, England
Posts:
947
Plugin Contributions:
0

Re: alt="" - Can I define the font?

Yep, that was it. Here's what I've got so far that looks to be working:

#FrogJSCaption{
text-align: left;
font-size: 1.35em;
font-face: Georgia;
color: #C6BBFF;
line-height: 140%;
}

I don't know if the font-face: Georgia; is correct, but the others are good to go.

Thanks for your help!!

***Tubular Wire Mesh Ribbon** ***BeadedLily** *