- This topic is empty.
-
AuthorPosts
-
December 17, 2012 at 6:03 pm #117830JoeShmoeMember
Site looks very nice, but IMHO serif fonts are not that great on the web, sans-serif’s are much better (keep in mind, this is MY personal opinion ;))
December 17, 2012 at 6:57 pm #117838chrisburtonParticipantDecember 18, 2012 at 11:57 am #117934WahmasterMemberI definitely appreciate the thoughts. As for myself I have no hard rules yet on fonts ( I am still just a baby in the artistic side of things). The font types that I am using now are an experiment in mixing sans and serif fonts, with the serif fonts in the headers. There seems to be a lot of sometimes very emotional opinions on font selection which can make it harder to figure out what a target audience would feel good about fontwise.
December 18, 2012 at 12:16 pm #117937chrisburtonParticipantIt depends how you use them on your site. What you should really focus on for your users is legibility.
December 18, 2012 at 1:50 pm #117955WahmasterMemberOK, but is legibility subjective at some point?
For example, with some exceptions I don’t see much of a difference in legibility between many fonts. But there are obviously people that notice these things, even to the point of what appears to be pain for fonts that bother them. Is this just a blind spot for me, and if so, how do I correct it?
December 18, 2012 at 2:31 pm #117957chrisburtonParticipantI’m sure certain font-sizes could be subjective. Just like with any development project, you have to test. Well, the same goes with type.
Go here: Cantarell. This was specifically designed to be on a HTC mobile phone. Take a look at the `$` and `@` glyph symbols. Now go down and view the lowercase glyphs. They look horribly pixelated from bad hinting. That’s a poor quality font.
Go here: Apres. This was specifically designed for the Palm Pre. Much higher quality and profound manual hinting.
December 19, 2012 at 2:05 am #118049WahmasterMemberOK, I see more fuzziness/pixelation on Cantarell in the smaller font sizes, but not so much with Apres. Spacing between letters “appears” to be more consistant and tighter in Apres, though I notice that letter combinations like “ox”, “ew” are also different somehow, perhaps closer together by a pixel like they are tucked together just a tiny bit more.
December 19, 2012 at 10:21 pm #118199elmsoftwareMemberThe font-size is too small for me. I would try 16px as the base font. Make the line-height: 1.6. Tell me what you think?
Check out the link that Chris just posted as a ‘Hot Link’ about [typography](http://www.kaikkonendesign.fi/typography/).
Your site is looking good…I believe some thoughts/ideas from the above ‘Hot Link’ will help you make it more beautiful!
December 20, 2012 at 7:15 pm #118333WahmasterMemberGood Article, thanks!
I may mess with fonts a bit, but for now I upped the font size.December 23, 2012 at 5:19 am #118692seemanMemberPeople seem to under estimated the power of simplicity.But i must say just one word “OUTSTANDING”. Thanks for share this amazing article.
December 23, 2012 at 1:16 pm #118722croydon86ParticipantI’m not too keen on the inner shadow and outer shadow on the same elements. This is contradictory. Is it meant to be indented or above the page?
Not really a fan of Myriad for web. Georgia would work well here. Have a look at font squirrel or google web fonts for a good selection of beautiful free typefaces.
Also your padding is inconsistent. Look at the header for example, there is more padding on the left than on the right, almost no padding at the top. The left-aligned body text does not line up with the heading text.
Just a few points there
December 26, 2012 at 2:49 pm #119060WahmasterMember@jurotek I do have to admit that the font I was playing with looked horrible in blocks of text though I kind of like it in the “logo”. I did not care for as much line height and font size as you recommend but I am starting to agree that a sans-serif font is better in this case. My guess is that a nice serif font would work better in a “classy” design for overall feel.
My thinking on fonts is that they are a lot more powerful then I ever really imagined as a developer, which makes me think that using things like google fonts or other externally loaded fonts can be a very good thing when used correctly.
As for the L/R padding in the section area I increased the padding screen for sizes above 768px to 2em but left it alone in the smaller sizes because I felt there was too much white space in the smaller screen sizes.
@croydon86 I almost like the mixed inner/outer shadows. the overall feel that I am going for is above the page with the headers having the feel of a different material. I am just venturing out in design land and some of my initial thoughts may be a bit colorful/scary.I did even up the padding in the header and between the article header and the content.
Thanks!
December 26, 2012 at 3:18 pm #119065chrisburtonParticipantMajority of Google’s web fonts render poorly. There are better alternatives when it comes to quality if you’re willing to invest in them.
December 26, 2012 at 3:47 pm #119070knittingfrenzy18MemberHey friend,
It is quite the nice site. It has the functionality and beautiful content choices, as well as nice touches here and there. But, as most have said around here, it looks a little…well…boring and old.
[Joshua Hibbert’s website](http://joshnh.com) may be of inspiration to you. You can observe the very few [solid] colors he’s used and how plain it is, yet very very beautiful. :)
Red
December 28, 2012 at 4:27 pm #119247WahmasterMemberThanks @knittingfrenzy18
I am already thinking about a new design using what I have learned from some of the great advice that has been given here!
The next version should be less boring.
@Htmlmaniac, I want to keep the breadcrumbs for SEO, but the static text can be changed and the whole thing hidden on the home page. That should do the trick.
THANKS!!
-
AuthorPosts
- The forum ‘Other’ is closed to new topics and replies.