Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Changing font

Posted on 2002-03-11
15
207 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 1

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 1

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
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
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 50 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 1

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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Select case on click 3 19
Head to not include on scroll 4 23
Javascript Urgent help (Need help to disable event handler) 8 41
.htaccess css/images no longer loading 4 37
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
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.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

856 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