1
vote
0answers
9 views

Create a Video File of Writing Out A Word [migrated]

I was wondering if there is a generator, or something out on the web where you type a word, and it would create a video file of it being written out. I want to embed the file on a site, so when you ...
1
vote
0answers
37 views

How to use viewport-relative sized typography without breaking vertical rhythm? [migrated]

For quite a while now, I've been using a baseline grid in my webdesign. I really value the vertical rhythm, with the typography's baselines alingning with the design elements and each other. Up till ...
2
votes
2answers
113 views

What points should we take into consideration when choosing a web font?

I want to deepen my knowledge in typography, more specifically, web typography. I'm looking for good information for this purpose, but I'm not finding anything good. I see many people talking badly ...
6
votes
2answers
221 views

Studies about people's reactions to fonts and color schemes?

I'm a pianist, composer, and teacher, and I'm building a website to promote myself. I want the site to convey both a sense of elegance and old-world discipline, but also sleek modernity. I was going ...
6
votes
3answers
1k views

A good monospace, condensed and open-source typeface?

I'm looking for an optimal typeface for report tables that will contain many columns (the reason for condensed). The reason for monospace is that these reports will contain a lot of numbers and we ...
0
votes
0answers
63 views

Photoshop anti-aliasing methods for print and web

In Photoshop you're provided with: None Sharp Crisp Strong Smooth My assumption is that there's utility beyond just "how it looks." Which anti-aliasing method that most accurately depicts ...
8
votes
4answers
388 views

What are good general typeface principles based on target audience age?

Everyone knows that as people get older their vision deteriorates. At 20 years old, few have trouble seeing and reading 8 or 9pt type in print or 10-11px type on the web. However, the older an ...
1
vote
0answers
297 views

Suitable font for headline to go with Verdana as body copy (dark design)? [closed]

I'm currently redesigning a website that uses a dark design. Using a dark design I know there some additional readability concerns which need to be looked at, and I've tried to cover all the angles. ...
2
votes
2answers
42 views

When designing in the browser how would someone use kerning?

OghmaOsiris asked how would one decide on what is the proper kerning, "Kerning: My Xylophone is off key" and since I have started the transition of designing in the browser I was curious to know how ...
0
votes
1answer
164 views

Critique: Typography for my website

Here is a picture of my website (and also the link) as it is now (still under construction). I've tried various combinations in term of font size, font weight, etc. but can't find "the right" balance ...
6
votes
4answers
2k views

What is the ideal number of font sizes to use for a website?

I'd like to know how many font sizes can you use for a website. Someone said to me it's better not to use more than 3 different font sizes (e.g. 16px for heading, 11px for text and 13 px for smaller ...
11
votes
3answers
299 views

How should you web design with foreign typography

Some web design and development projects client's will request capabilities for a foreign translation in their site. How can you account for this and what are some good practices for content ...
10
votes
7answers
2k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
16
votes
2answers
315 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, ...
0
votes
4answers
242 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
293 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
265 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 ...
5
votes
2answers
145 views

Is this an effect or a type of font?

I have seen a lot this type of fonts (the ones in the bar). It is a relief effect or the font is just like that?
4
votes
2answers
6k 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
201 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
908 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 ...
6
votes
4answers
5k 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 ...
4
votes
1answer
473 views

Font licensing for a web app hosted on clients servers

Frutiger 55 was the winner of the crude typo-battle I hosted in my mind this week (I felt really sorry for poor Gill Sans, one of my top-5 of all time). I want to use it for a Web App that is hosted ...
2
votes
3answers
763 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 ...
3
votes
2answers
309 views

How can I make this sidebar menu clearer?

I have created a sidebar for a client as requested: The top bar - where on other pages menu items are shown - is left empty as requested and instead 3 menu items are show in the sidebar. These lead ...
1
vote
1answer
237 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
235 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 ...
4
votes
1answer
462 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
310 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. ...
2
votes
3answers
421 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
412 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 ...
6
votes
3answers
1k 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
213 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 ...
4
votes
2answers
533 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
4answers
365 views

What would be a cool yet simple way to style an “!” with just CSS?

I want to create a cool looking yet simple exclamation mark with just CSS. Anyone have any cool ideas?
3
votes
2answers
2k 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
2k 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.
5
votes
3answers
2k 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 ...
18
votes
1answer
917 views

What are standard ratios for typography on the web?

In laying out a web design, I often try to make sure that my typography is proportional and consistent. However, I haven't been able to find any definitive articles or resources on what ratios and ...