Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Changing font

Posted on 2002-03-11
15
Medium Priority
?
213 Views
Last Modified: 2013-12-02
How do you change the font in a text area box?
0
Comment
Question by:lmred
  • 4
  • 3
  • 3
  • +4
15 Comments
 
LVL 33

Expert Comment

by:knightEknight
ID: 6855515
<TEXTAREA style="font: 10 pt Arial;"></textarea>
0
 
LVL 2

Author Comment

by:lmred
ID: 6855580
I used this to try and change the font face to verdana, san serif but it didn't work. What am I doing wrong?
0
 
LVL 2

Author Comment

by:lmred
ID: 6855647
I tried this and it also didn't work.

<textarea style="font face: verdana,sans-serif;" rows="3" id="txtDescrip" name="txtDescrip">xxxy</textarea>
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 19

Expert Comment

by:webwoman
ID: 6855679
Didn't work on what browser? It won't work on Netscape, it doesn't take styles on any form elements.

You can surround the element with a p tag with a style, or a span tag, and that might do it. Or might not... Netscape is very strange about stylizing form elements.
0
 
LVL 33

Expert Comment

by:knightEknight
ID: 6855722
right ...

<SPAN style="font: 10pt Verdana;">
<FONT face="Verdana"><TEXTAREA style="font: 10pt Verdana;">test</textarea>
</font>
</span>
0
 
LVL 18

Accepted Solution

by:
bruno earned 200 total points
ID: 6855743
you used "font face" in a style....NOPE....try this instead

<textarea style="font-family: verdana,sans-serif;" rows="3" id="txtDescrip" name="txtDescrip">xxxy</textarea>



BRUNO
0
 
LVL 33

Expert Comment

by:knightEknight
ID: 6855781
variation on a theme ... either will work if the browser supports styles.
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 6855927
<style type="text/css">
.cl{font-family:Verdana;font-size:10px;}
</style>

...

<textarea class="cl">blahdiblah</textarea>
0
 
LVL 2

Expert Comment

by:svd2002
ID: 6856030
You can specify style as

<Style>
.TextAreaBox
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: x-small
}
</Style>

and then apply style to textarea:

<TEXTAREA class="TextAreaBox"></TEXTAREA>

This will work.
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 6856087
Nice copy and paste kinda thing svd2002 :-)
0
 
LVL 17

Expert Comment

by:dorward
ID: 6856256
> variation on a theme ...
> either will work if the browser supports styles.

Umm - NO

CSS has a property called "font-family", it does not have one called "font face"
0
 
LVL 18

Expert Comment

by:bruno
ID: 6856664
svd2002,

i hope you really didn't see CJ's comment, cause if so, what you posted is pretty disrespectful.


knighteknight,

what did you mean by "variation on a theme?"
0
 
LVL 33

Expert Comment

by:knightEknight
ID: 6856688
yes, but that tag is not a CSS tag, it is a <FONT> tag, which has a face property ...

I was trying to be redundant to cover all the browsers, so I used a <FONT> tag which is supported by older browsers, and then I used two CSS styles -- one in the <SPAN> and the other in the <TEXTAREA>
0
 
LVL 2

Author Comment

by:lmred
ID: 6856718
I'm sorry I took so long. I was having trouble getting into this website yesterday. Thanks for everybody's help.

Lisa
0
 
LVL 18

Expert Comment

by:bruno
ID: 6856743
knight,

ah ok....referring to your own comment.  :-)

lmred,

glad we could help.  Thanks for the A.  :-)




ww,

if you are getting these notifs, please check my printer thread over that other place...PC said your notifs are bouncing back to him.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question