Questions about web fonts; online resources developed specifically to allow for a wider variety of dependably available fonts for web site designs. Web fonts can help define brand identity as well as give sites a unique and stylish look. Ask anything about designing with, or for web fonts.

learn more… | top users | synonyms

38
votes
6answers
70k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
16
votes
2answers
371 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, ...
11
votes
13answers
75k views

What are Google Webfonts or Typekit alternatives to Avenir Next Pro?

I'm looking for fonts, available from Google Webfonts (ideally) or Typekit, that would look similar to Avenir Next Pro, specifically, Bold and Demi: Any similar-looking fonts, with good ...
8
votes
4answers
55k views

What's a good replacement font for ITC Avant Garde Std?

I got a psd comp for a website and the titles are in ITC Avant Garde Std. What's a good replacement font? It should be available for the web, either free or on TypeKit.
7
votes
3answers
3k 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 ...
7
votes
3answers
290 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 ...
7
votes
2answers
217 views

Fonts with wide international support

What fonts support the widest range of characters? (Like Helvetica Neue LT W1G) Need to work on an a website present in 25+ countries, and I'm looking for something I can use as a webfont. Update: ...
6
votes
3answers
11k views

Online Tool to Find Closest Google Font

I find it convenient to use Google Fonts on the websites I build. Quite often I need to find the closest Google Font to a specific commercial font to match a client requirement. This type of ...
6
votes
2answers
325 views

How can I reduce the aliasing that occurs around my custom icon web font when it is scaled?

I am trying to make my own icons and embed them in a custom Web font. For that, I'm using Illustrator & Icomoon. I design the icons in a 14x14px square, then I create my Web font using Icomoon ...
5
votes
7answers
9k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
5
votes
3answers
509 views

Printing Google Fonts on Paper for clients to view / choose

I would like to print 100-150 of the Google Fonts on nice paper for clients to choose for website builds. Is there a recommended way to do this? If there's already a PDF or if it's easier to print ...
5
votes
6answers
2k views

How to create SVG for good typography on the web without buying Illustrator?

I have a web font which I would like to display using SVG instead of in HTML. The reason for this is that I want to display large typographically beautiful text, and I don't see any way of getting the ...
5
votes
3answers
10k views

What are the good and free alternative to Helvetica when use as web font? [duplicate]

Sans-serif typeface is usually in web, so what are the free/open/cross-platform choices that can replace Helvetica? By replacing Helvetica I mean are there any font which is better than Helvetica for ...
5
votes
1answer
99 views

Web design for Legal pages: What are some things to keep in mind?

So I have been looking around but cannot find any good advice on how to go about designing a page for legal matters. These pages would clearly state Privacy Policy, Terms of Service, etc. I think ...
4
votes
4answers
17k views

Commercial use of Helvetica Neue for web?

I know there are some alternatives for Helvetica Neue for web usage, but i want to ask, if it is legal to use Helvetica Neue on some commercial website.
4
votes
3answers
870 views

Best calculation for leading in web design

This is an area I always dislike when in the design process of a website. That being said I'm trying to be more efficient and I wanted to know when some use a sans serif or serif font how do you ...
4
votes
4answers
11k views

Best fonts for improving reading experience

I am building a website whose major purpose is to serve content (legislature) and I want to give best reading experience to users. You can take a look at the example page at: http://iura.cl/cc/44 As ...
4
votes
3answers
2k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
4
votes
5answers
221 views

What is a quick and concise way to explain online font licensing to a customer?

Customers are usually proud of their (offline) identities. As webdesigner, I regularly find myself having to explain that I can't legally use their licensed font in their webdesign. When I do, it ...
4
votes
2answers
7k views

Alternative to Helvetica Rounded corners

There are several helvetica alternative questions here, but they don't do the trick. Rounded corners helvetica has letters that are slightly slimmer than regular helvetica and it has rounded tips ...
4
votes
3answers
1k views

How to work out font-size setting by counting pixels?

I have an image of a proposed website. How do I work out what px font-size value to set text to by counting pixels? E.g. I have font-size: 14px, (in Arial) but counting from the top of an "L" and ...
3
votes
3answers
61 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
3
votes
1answer
304 views

Which monospaced “slab serif” fonts can be recommended for use as web-font?

For a website project, I need to find a good looking web-font that fits the following parameters: it must be a "slab serif" it must be "monospace" Keeping my question short and simple: Which ...
3
votes
2answers
1k views

Free for commercial font like windows metro

I need a "free for commercial use" font that looks like the font used in Windows Metro. It will be used for display on website, both titles and text. With bold and 'slim' version. Do you know of ...
3
votes
3answers
174 views

Which fonts are used in this image?

Could someone please tell me which fonts are used in 1st and 2nd row of below image? Thanks!
3
votes
4answers
463 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
3answers
2k views

Advice about fallback font stacks for Proxima Nova and Adobe Garamond Pro

Can anyone suggest a good stack of fallback fonts for Adobe Garamond Pro (serif) and Proxima Nova (sans-serif)? The obvious choices are of course: "Garamond Pro","Hoefler Text","Times New ...
3
votes
1answer
238 views

What do the font style names used by Typekit mean?

Typekit offers fonts in a variety of types / suffixes: Std Display Extended Condensed Pro Caption Subhead Wide Black And often these are combined. For example, https://typekit.com/fonts/kepler-std ...
3
votes
2answers
6k views

How do I use a custom font in an SVG image on my site?

I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ...
3
votes
1answer
363 views

A safe Chinese font similar to Facsimile (monospace) font

I am looking for a safe web font for chinese, similar to Facsimile font. The concept is old fashion arcade games.
3
votes
1answer
417 views

Free font similar to Viga with Polish characters?

I'm looking for a font similar to Viga with Polish characters (Latin), preferably one from Google Web Fonts.
2
votes
3answers
766 views

Need name for font used for the Office 2013 Icons

I need to create a logo design similar to the icons for Office 2013: Can anyone help me with font name as I am not able to find it
2
votes
2answers
6k views

What fonts are similar to Candara, but available on Google Docs?

I've got several documents using Candara that I'd like to shift from Microsoft Word to Google Docs for collaboration; which font is going to be the closest match when using Google?
2
votes
4answers
627 views

Cross platform (PC and MAC) font rendering issue and font conversion to SVG

I just purchased the DIN font, it includes all the following file formats (.otf, .eot, .woff and .ttf) Now these fonts don't look the same on cross platforms like MAC and PC, it looks great on PC but ...
2
votes
2answers
233 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 ...
2
votes
1answer
132 views

When A Font “Fills In” - Does That Have A Specific Definition?

I have a font that just won't cooperate. At certain sizes the font fills in the a and e loops whenever bold. I was wondering if there was a specific term for this so I can more easily search for a ...
2
votes
3answers
245 views

Any font pairing sites outside of Google?

I love how Google fonts allows you to pair fonts for great eye candy when designing but after time I have gotten tired of just seeing what Google suggests. I wanted to know if anyone has scene any ...
2
votes
2answers
879 views

Extract glyphs and make a new font

I have a web font that i'm using but I only need 0123456789. Is there a way to extract glyphs from that font and generate a new font?
2
votes
2answers
182 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 ...
2
votes
2answers
270 views

Need some font suggestions, please

I have two separate but related needs. First, the website. It is almost mostly forms (data entry) and tables. For many of the tables, I need a narrow or condensed font. I'm currently using OpenSans ...
2
votes
1answer
279 views

Fontsquirrel and webfont conversion

I've been trying to convert the font M+ 2p with fontsquirrel, and I have searched their website about the converter's limitations, but, no matter what I do, it seems their converter hangs on 0% ...
2
votes
1answer
132 views

Venetion Typeface for Web similar to Adobe Jensen Pro?

I am looking for a free web compatible (e.g. should be possible to use with CSS3) Venetian style typeface. Any idea if there exists one. That would be ideally a typeface looking similar to Adobe ...
2
votes
1answer
36 views

How can I search for fonts which support specific characters?

How can I search for fonts which support specific characters? For example, how can I find a font which has the character U+1000?
2
votes
2answers
142 views

What license do I need for a font, which is used as a base for commercial icon font?

What licensing is appropriate for a font to be used as a base for an icon font? So basically I need to use the UNICODE table of that font to include custom icons and sell that font. Most of the ...
1
vote
4answers
146 views

Will my web site's type in the web browser look exactly as it does in Photoshop?

Are there specific web font guidelines to use in Photoshop files for web design? I am having issues with line spacing and fonts not showing correctly in HTML.
1
vote
3answers
8k views

Is there a good sans serif condensed safe font for web?

I'm looking for a web safe font that looks like this: Of course I can find tons of fonts which look like this that are available, but they are not web safe. I need a common font (e.g.Arial, Times ...
1
vote
2answers
86 views

Do we use web-fonts (for graphics) just like desktop fonts?

I need to design some graphics to be used on the web, and I need to use some fonts in those graphics. I am new to this. I read a few articles about the differences between desktop fonts and web ...
1
vote
1answer
184 views

If we pay for a font, are we fully authorized to use it in our website?

I'm finishing a project, and I was thinking to use a font that I liked a lot, but it is paid; I don't mind to pay, because it is not very expensive, and I think it's worth it. On the font website ...
1
vote
1answer
120 views

What is the name of this font?

I downloaded a font to design this logo many months ago. Since then, I have had to reinstalled my operative system, which meant a lot of information disappeared along with the font I downloaded. ...
1
vote
2answers
172 views

How can I make these links more obvious to click on?

Currently working on a redesign for a dental laboratory. While testing the home page with a user, they never clicked on the links in the subnavigation. They clicked on the larger buttons in the links ...