0
votes
1answer
55 views

Is Proxima Nova a web safe font?

I've been asked to replace the font we use on the web and mobile apps with Proxima Nova. I wanted to ask the community if any of you know if Promima Nova is a web safe font?. Thanks.
3
votes
1answer
38 views

Titles and Menu items in lowercase, uppercase, serif or sans serif?

Im building a new wordpress website and need some input. The question is - should i use lower or uppercase - serif or sans-serif for my post titles, widget titles and menu items? Which is the best in ...
0
votes
4answers
162 views

Critique : Feedback for portfolio website design

I'm in the early years of an aspiring web/graphic designer. The two main intentions behind creating this website were: To get some practice Use it as an online portfolio while hunting for jobs ...
11
votes
4answers
244 views

What are good places to start learning web typography and layout?

I have been a digital designer since 1999. I am self taught. However; my biggest weakness is spacing, grids and developing pages that feel balanced, as well as have strong typographic hierarchy. I ...
2
votes
2answers
133 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
274 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
2k 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
67 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
406 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
339 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
46 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
176 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
3k 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
328 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 ...
13
votes
7answers
3k 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
323 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
252 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
300 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 ...
7
votes
3answers
270 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
148 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
205 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
974 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
494 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
781 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
312 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
238 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
238 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
465 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 ...
2
votes
2answers
327 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
436 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
427 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
217 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
562 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
385 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
935 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 ...