12
votes
2answers
132 views

What is the effect of ligatures in web, regarding SEO

All designers love ligatures but vanilla web typography just sucks. I heard of smartypants that solves many of thoses issues, bringing sexy quotes, gorgeous ampersands and all. It's just perfect, ...
-1
votes
1answer
59 views

Instructions to give a print designer looking to use non-system fonts for websites

So we often run into print designers who choose all these crazy fonts that don't look good for the web. As a backend web programmer, what do I tell print designers to help them select non-system ...
1
vote
1answer
152 views

Best practices for combining header/body typeface WITH a brand/corporate ID existing typeface?

I have recently become aware of a fundamental mistake I had been making; I have been matching a company's identity's typeface and using it for the headers of my websites, which in hindsight really ...
6
votes
3answers
181 views

Do you have a “formula” for the webfont vs graphic type threshold?

Disclaimer: I realize there is not a perfect "formula" for this question. I'm looking for your experiential working practices. If you don't have any, I won't hold it against you. Over the last ...
3
votes
2answers
832 views

How to control word-spacing in justified text with CSS?

I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
3
votes
1answer
109 views

Should a period be included in a drop cap letter that represents an abbreviation?

I have a paragraph that is drop capped and begins with the word 'U.K.' Currently, the CSS (cascading style sheet) standard for Web browsers is to include the period following the 'U' in the drop cap, ...
0
votes
1answer
265 views

What is the widest character in the “Helvetica Neue” font? [duplicate]

Possible Duplicate: what is the largest glyph width in Arial? Doing some web design and I need to give a div a specific size. However, I do know how many characters are in the text box, so ...
5
votes
3answers
1k views

Different Logo Colors for Different Uses, Appropriate?

I am finalizing the last step of my logo redesign process. Is it ok not to have a regular color when presenting my logo? I am thinking about having a defined list of colors for different use cases ...
2
votes
3answers
418 views

What are examples of web apps with clean, text-based layouts?

I'm in the process of redesigning a web app with a very simple layout, set mostly by text (similar to Google in both aesthetics and functionality). Do you know any examples of web apps with such ...
0
votes
1answer
163 views

Possible fonts for tabs in technical site heading hierarchy [closed]

As we sort of came to accept as an axiom - the heading fonts for any document should be arranged in an hierarchy, and the hierarchy font choices should make sense and match. I have a design that ...
3
votes
3answers
180 views

Should I place the border above or below header to separate sections?

If the content is split into several sections, and each section has a header, should I put border below or above the header? The “border below” approach seems prevalent (see Google, Wikipedia) but ...
3
votes
1answer
406 views

I want to find a good font combination based on existing design

I am designing a mobile site for an existing website that was made in early 2000's. The existing logo uses a bold version of Bodini with smaller text which uses a thin sans serif typeface. The ...
1
vote
2answers
172 views

How can I improve these secondary pages without a radical redesign

I am more of a web developer than a web designer so I would appreciate it if I can get some tips on how to improve http://tinyurl.com/7my6g6m 's design/looks and other secondary pages on this site. ...
1
vote
3answers
285 views

In webdesign how do you calculate the ideal bottom margin for headers?

I've seen a few css frameworks add margin-bottom to heading elements in addition to a large line-height. Example from here. h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h2 { ...
1
vote
1answer
296 views

How can i make the alphabet beautiful? (web) [closed]

I'm working on a directory type of page where I will have your typical "A B C D E ..." alphabet posted on top so people can jump down to listings starting with their letter of choice. The alphabet ...
5
votes
2answers
980 views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
2
votes
2answers
157 views

How good is the fonts.com webfont solution compared to the current @font-face standard?

I guess the title says it all. I've been successfully working with @font-face (with near-perfect cross-browser support, if you use all the hacks). However, a client really wants to use Helvetica, and ...
3
votes
2answers
245 views

Compiling a new font from existing fonts and embedding it in a website

I'm working on a project, which is a bilingual project. There are beautiful fonts for each language (I'm talking about free fonts). However, in any special case, only a subset of each font is suitable ...
3
votes
2answers
1k views

What does “Great typography skills” mean in the context of a job requirement for a web developer position?

I'm looking at job requirements for Jr. web Developer positions. Some jobs need "Great typography and layout skills." What does typography mean? What skills are they exactly looking for?
4
votes
2answers
776 views

On which occasions would you use italics in web design?

In which occasions you would like to use italics in web design? Because the use of bold fonts is quite obvious not sure about italics.
3
votes
3answers
1k views

Popular serif and sans-serif browser compatible font combinations?

I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers. While I am aware that with the introduction of CSS3 importing ...