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

43
votes
8answers
115k 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 ...
41
votes
4answers
175k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
19
votes
4answers
14k views

How do I embed Google Web Fonts into an SVG?

I'm writing an article on my site about the advantages of new web technologies, among others HTML5, CSS3 and SVGs, one of the advantages of the latter being the ability to select text in what is ...
17
votes
2answers
454 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, ...
16
votes
13answers
108k 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 ...
11
votes
3answers
27k 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 ...
10
votes
4answers
73k views

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

I have 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
4answers
6k 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
317 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
292 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
4answers
25k 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.
6
votes
7answers
13k 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 ...
6
votes
4answers
28k 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 ...
6
votes
3answers
13k 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 ...
6
votes
2answers
114 views

How to evaluate the quality of a font before deciding whether to purchase it for commercial purposes?

How can a newbie to graphic design like myself evaluate a the technical design of a font before paying for it? I am unsure as to what things I need to consider and how I can test them without buying ...
6
votes
2answers
413 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
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
606 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
4answers
718 views

When using fonts in Bootstrap, is it quicker to use the Google Fonts API or to just install the font file on the server?

Normally UX designer, I'm currently also product manager for a range of web tools but my dev skills aren't very strong at all, so forgive me if this is a silly question. We're building a range of ...
5
votes
3answers
9k 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 ...
5
votes
1answer
176 views

Does this Chinese font fit in with our brand?

We are about to make the Chinese version of our charity website live but I'm not certain about the font we are using. Our Chinese office say they are happy with the system default but they don't have ...
5
votes
1answer
115 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
3answers
1k 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
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
251 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
9k 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
2k 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 ...
4
votes
0answers
58 views

Problems with Dynamic Text in SVG when font is not SVG

So, I have an graphics automation chain that has been happily running on a headless linux environment using programmaticaly generated/altered SVGs and PhantomJS (currently 1.9.0) as a final rendering ...
3
votes
3answers
139 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
422 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
201 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
621 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
3k 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
318 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
5answers
11k views

Substitute for Avenir (Google webfont or Typekit)

Question I'm looking for fonts, available from Google Webfonts or Typekit, that would look similar to Avenir. Background I'm building a site using squarespace: http://topgrade.se My friend to me ...
3
votes
1answer
477 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
470 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.
3
votes
2answers
191 views

What type of license will allow me to modify a base font with original ligatures and resell it as a 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 ...
3
votes
1answer
101 views

Chinese webfont optimisation

For Latin-based fonts, I will download the font I want to use and run it through Fontsquirrel.com's webfont generator and subset the font accordingly. However, I'm building a Chinese site right now, ...
2
votes
3answers
921 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
4answers
987 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
3answers
8k 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
2answers
258 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
155 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
287 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
1k 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
243 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
301 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
323 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% ...