Web Design Forums

w1sh · 14-12-2008, 18:44

Quote:

Originally Posted by CharmingMan

CLASSIC FONTS
Helvetica
Universe
Trade Gothic
FF Din
Avante Garde
Gridnik
Garamond
Caslon
Baskerville
Bodoni
Lublin graph
Futura
Georgia

Free versions?

CharmingMan · 14-12-2008, 18:55

15 Beautiful High-Quality Free Fonts | Fonts | Smashing Magazine

Free Fonts Of The Month: Myndraine, Museo Sans | Fonts | Smashing Magazine

Free Fonts of the Month: Revalo, Nadia Serif, Qlassik | Fonts | Smashing Magazine

museo is very good, just comb through the font section on that site, loadsa good stuff on there

w1sh · 14-12-2008, 19:32

Thanks a bunch. I'm building my font library now.

This thread is great.

Edit: Quicksand is on about every single free font site and rated pretty high. Apparently the critique paid off.

imyourdziner · 15-12-2008, 19:47

Great resource CharmingMan!

"In short always try to have a keen eye for the spacing between lettering at large sizes, there isn't a science to it the goal is simply to make the words look balanced and together."

2¢...
I remember one of my professors a long time ago saying... when kerning your letters, imagine pouring a glass of water between them... it should be equal.

Also... never leave one word on it's own line at the end of a paragraph.

w1sh · 17-12-2008, 04:31

Quote:

Originally Posted by imyourdziner

Also... never leave one word on it's own line at the end of a paragraph.

Widows and Orphans

Users can always (and frequently) increase/decrease text-size though. Making it very hard to add line-breaks in there without risking your site breaking.

You can definitely edit out a few words to make the lines fit w/o widows/orphans at standard settings, but I wouldn't suggest using line breaks.

gotnousername · 17-12-2008, 05:01

A widow/Orphan is not just a word, it is also line of text.

H3LLRA1Z3R · 17-12-2008, 05:10

Top stuff CM I could read this stuff all day.

CharmingMan · 17-12-2008, 06:55

Im gonna do some more on here soon, i got a load of other ideas...might do a bit today. glad its useful

w1sh · 17-12-2008, 07:17

Is there a site that showcases examples of good typography in web design?

kashifmughal · 22-12-2008, 02:48

this is all amazing for us, i like always as this even searching on other sites too.

wheedwacker · 22-12-2008, 03:13

Just a few things:
In your first post, it is Lubalin graph not lublin.
Univers, not Universe

It'd be nice to have something on combining typefaces properly.

emil · 22-12-2008, 03:45

Quote:

Originally Posted by w1sh

Is there a site that showcases examples of good typography in web design?

Typesites

scrooble · 22-12-2008, 04:36

Quote:

Originally Posted by kashifmughal

this is all amazing for us, i like always as this even searching on other sites too.

My sentiments exactly.

CharmingMan · 22-12-2008, 05:18

Quote:

Originally Posted by kashifmughal

this is all amazing for us, i like always as this even searching on other sites too.

thanks kashif....I think?

what does that actually mean though?

scrooble · 22-12-2008, 05:21

Nice one for this charming man, forwarded this to a friend and he wondered why he had spent £1200 on a course when he could have read this article instead. I'll get him to forward the monies, I'll just require your sort code and bank account details.

CharmingMan · 22-12-2008, 05:25

Quote:

Originally Posted by wheedwacker

It'd be nice to have something on combining typefaces properly.

yeah good idea.

I would need to do some research of my own on this, not something that I have seen explained before.

Though i have read before that it is a type crime to combine faces that are too similar

i.e. universe, helvetica

I recon typophile might have some good explanations on this though.

I good bet is to choose fonts from the same family that have been specifically designed to work with each other.

meta and meta serif for example

Larixk · 22-12-2008, 05:27

just came by here again for the first time in a long time. Great stuff Charming Man.

Actually, these kind of topics would fit better in some sort of wiki. Would be nice to capture all these things in an orderly fashion, and have a more accessible reference guide

CharmingMan · 22-12-2008, 05:29

Quote:

Originally Posted by scrooble

Nice one for this charming man, forwarded this to a friend and he wondered why he had spent £1200 on a course when he could have read this article instead. I'll get him to forward the monies, I'll just require your sort code and bank account details.

all donations to the charmingman poverty fund:

charmingman
charming road
charmed
england

all seriousness though i cant believe they dont bother to teach this stuff to undergraduate designers.

I spent nearly £14grand on my degree all i got out of it was a massive overdraft and a drinking problem.

KingCraig · 22-12-2008, 19:38

Quote:

Originally Posted by CharmingMan

all seriousness though i cant believe they dont bother to teach this stuff to undergraduate designers.

My course was called multimedia design, but the only design we learnt was the difference between an ascender and descender, and what leading and kerning was. Never why/when it's best used. Such a shame. They got hung up on technical stuff in Flash and ting and ting.

Great thread by the way CharmingMan

Blackviper91 · 22-12-2008, 23:30

Thank you so much. I read this thread last night and the website I am currently working on already looks 10x better just by changing a couple of things with the typography.

Thanks for the great resource

14-12-2008, 18:55	#42 (permalink)
CharmingMan Something Join Date: Jan 2008 Posts: 7,175	15 Beautiful High-Quality Free Fonts \| Fonts \| Smashing Magazine Free Fonts Of The Month: Myndraine, Museo Sans \| Fonts \| Smashing Magazine Free Fonts of the Month: Revalo, Nadia Serif, Qlassik \| Fonts \| Smashing Magazine museo is very good, just comb through the font section on that site, loadsa good stuff on there __________________ Bring down IE6! http://www.underconsideration.com/brandnew/ http://www.formfiftyfive.com/

17-12-2008, 05:10	#47 (permalink)
H3LLRA1Z3R just nod and smile Join Date: Sep 2007 Location: Enn Zee Posts: 1,840	Top stuff CM I could read this stuff all day. __________________ Click here for my portfolio

17-12-2008, 06:55	#48 (permalink)
CharmingMan Something Join Date: Jan 2008 Posts: 7,175	Im gonna do some more on here soon, i got a load of other ideas...might do a bit today. glad its useful __________________ Bring down IE6! http://www.underconsideration.com/brandnew/ http://www.formfiftyfive.com/

22-12-2008, 03:13	#51 (permalink)
wheedwacker competitionmaster 2.0 Join Date: Oct 2006 Location: USA Posts: 1,508	Just a few things: In your first post, it is Lubalin graph not lublin. Univers, not Universe It'd be nice to have something on combining typefaces properly. __________________ .

22-12-2008, 05:27	#57 (permalink)
Larixk Senior Member Join Date: Sep 2006 Location: Utrecht, Netherlands Posts: 1,178	just came by here again for the first time in a long time. Great stuff Charming Man. Actually, these kind of topics would fit better in some sort of wiki. Would be nice to capture all these things in an orderly fashion, and have a more accessible reference guide __________________

14-12-2008, 19:32	#43 (permalink)
w1sh Killin' time Join Date: Jul 2008 Location: A self called Nowhere Posts: 1,226	Thanks a bunch. I'm building my font library now. This thread is great. Edit: Quicksand is on about every single free font site and rated pretty high. Apparently the critique paid off.

15-12-2008, 19:47	#44 (permalink)
imyourdziner Registered User Join Date: Oct 2008 Location: Mississauga, ON, Canada Posts: 15	Great resource CharmingMan! "In short always try to have a keen eye for the spacing between lettering at large sizes, there isn't a science to it the goal is simply to make the words look balanced and together." 2¢... I remember one of my professors a long time ago saying... when kerning your letters, imagine pouring a glass of water between them... it should be equal. Also... never leave one word on it's own line at the end of a paragraph.

17-12-2008, 05:01	#46 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 2,658	A widow/Orphan is not just a word, it is also line of text.

17-12-2008, 07:17	#49 (permalink)
w1sh Killin' time Join Date: Jul 2008 Location: A self called Nowhere Posts: 1,226	Is there a site that showcases examples of good typography in web design?

22-12-2008, 02:48	#50 (permalink)
kashifmughal Graphic/Web Designer Join Date: Oct 2008 Location: Lahore, Pakistan. Posts: 6	this is all amazing for us, i like always as this even searching on other sites too.

22-12-2008, 05:21	#55 (permalink)
scrooble Llama Charmer Join Date: Oct 2008 Posts: 3,091	Nice one for this charming man, forwarded this to a friend and he wondered why he had spent £1200 on a course when he could have read this article instead. I'll get him to forward the monies, I'll just require your sort code and bank account details.

22-12-2008, 23:30	#60 (permalink)
Blackviper91 Registered User Join Date: Dec 2008 Posts: 25	Thank you so much. I read this thread last night and the website I am currently working on already looks 10x better just by changing a couple of things with the typography. Thanks for the great resource

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search