Question about Font

K
Posted By
Kugar13
Jan 2, 2008
Views
411
Replies
12
Status
Closed
I’m designing a web page (800 x 600) for a friend. At 100% work space size 12 font looks rather large (large than size 12 font). At size 12 font there isn’t much space on the page for info/text. When the work space is at 100% size 6 font appears to be the text size I would want, but this doesn’t make sense to me (size 6 font should be too small). Am I doing something wrong? Please forgive my lack of proper terminology, I’ve played with photoshop before, but am by no means proficient.
Related Tags
font question

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

JM
J_Maloney
Jan 2, 2008
Your monitor probably displays at 96 ppi. Fonts are in points. At 72 ppi, 1pt = 1 pixel, but at 96 ppi, 1 pt = 1.33 pixels. Could you be confusing your points with your pixels?

J
K
Kugar13
Jan 2, 2008
J Maloney,

There’s a good chance I’m making any possible mistake I can make at this point. I’m kinda winging it while flicking through a guide and reading what I can on the web (mainly this forum).

I’m not sure what the solution would be at this point. Should I change the ppi on my monitor, or on the project (if possible)? Not sure if this helps but I selected the options 300 dpi, 800 x 600 resolution, 8 bit, RGB color, from the options.

Does this mean I should make a change to my settings, the monitor, or otherwise?

Thanks for the help and please overlook my ignorance. There is a lot to learn and I’m having a fun go at it!

Kugar
JM
J_Maloney
Jan 2, 2008
Kugar:

Make sure your type is sized in points in the preferences. Your file seems ok. One way to make sure your type is sized as points would be to type it in the character palette "12 pt" instead of "12".

J
K
Kugar13
Jan 2, 2008
J,

Oh! I’m guilty of typing 12 in the character palette! I didn’t know there was a difference. Regardless I’ll check my preferences. I have alternated between typing a # in the character palette without ‘pt’ and selecting a size from the drop down window, and haven’t noticed a difference in sizes between the two. I’ll check when I get home from work!

Thanks J I really appreciate the help!

Kugar
K
Kugar13
Jan 2, 2008
A guy I know who uses photoshop made the following comment:

"you can do some type stuff in photoshop, but it’s not really designed for type so it can be kinda funky. you have page layout programs for the text like indesign or quark, in your case you need a web program like golive or dreamweaver. photoshop is really for working with pictures not really layout but you can do that if you need to."

The project I am working on is a template for a webpage. The text includes the company logo, text for the links/buttons, some info that won’t change (non-date specific info), etc. Am I incorrect in assuming that photoshop would be useful in regard to using it to add text to this project?

Thx

Kugar
L
LenHewitt
Jan 2, 2008
Hi Kuger.

I selected the options 300 dpi, 800 x 600 resolution<<

dpi/ppi means nothing to a web browser. An 800 x 600 pixel image will display at exactly the same size and appearance whether you stated 300ppi or 72ppi (or 1 ppi for that matter – although it will affect text whilst creating the page).

In fact when you save for web, by default, all meta-data (and that includes ppi information) is stripped from the image to reduce file size.

But it is far better to create text as HTML text for a web page rather than rasterized text as part of an image. The only reason to create text as you are doing is if you wish to use a font that is generally not available on the web visitors’ machines.
K
Kugar13
Jan 2, 2008
LenHewitt,

Thanks for your assistance! So, is it still feasible to use photoshop to create web backgrounds/templates, or should I be using something like Adobe Dreamweaver, GoLive, etc (I have no experience with those programs)?

Thank you for your help, very insightful!

Kugar
L
LenHewitt
Jan 2, 2008
Hi Kugar,

is it still feasible to use photoshop to create web
backgrounds/templates<<

Oh yes, it’s perfectly possible, but such pages will download more slowly and perhaps not be indexed as well by the search engines.

should I be using something like Adobe Dreamweaver<<

If you are reasonably serious about creating web pages, then yes, that would make your life easier. If you are utterley dedicated to creating web sites, then you can do it in Notepad alone (+ an image editor for the image content) – but that takes a lot of practice and time!
K
Kugar13
Jan 2, 2008
LenHewitt,

Thank you again for your knowledge and experience. I really appreciate that so many brilliant people here are willing to help out those of us new to the craft.

I think I’ll get Adobe Dreamweaver and go from there. If my interest becomes serious I’ll look into the Notepad aspect.

Thanks again!

Kugar
P
Phosphor
Jan 2, 2008
"I think I’ll get Adobe Dreamweaver and go from there. If my interest becomes serious I’ll look into the Notepad aspect."

Before you spend the considerable amount of money of Dreamweaver, I suggest you start with the decently full-featured and FREE NVU site-building application.

<http://nvudev.com/index.php>

If you can learn to use it, and get some experience wringing out the best of its features, and for doing some manual editing of the code it generates, and decide you still like the process of website building, THEN you’ll be better educated about whether you want to spend the money on Dreamweaver.
L
LenHewitt
Jan 3, 2008
And take a look at the tutorials on HTML and CSS on
http://www.w3schools.com/
DM
dave_milbut
Jan 4, 2008
w3schools is one of the best basic web tech learning sites out there. good point out len.

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections