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

60
votes
13answers
194k 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 ...
50
votes
4answers
227k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
33
votes
16answers
182k 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 cross-...
27
votes
4answers
24k 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 ...
20
votes
3answers
49k 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 ...
18
votes
2answers
585 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, ...
13
votes
2answers
2k views

How can I know what fonts a website is using?

How can I find out what font or fonts a website is using? Are there any tools or browser extensions that can make the job easier?
11
votes
5answers
108k 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.
10
votes
2answers
339 views

What web fonts work with Māori macrons?

We are currently developing a website which uses the Māori language (from New Zealand): https://en.wikipedia.org/wiki/M%C4%81ori_language For correct pronunciation the written form of Māori uses ...
10
votes
1answer
822 views

What does the number mean on the Google web font “Page load” meter?

I'm weighing up the pros and cons of using a particular web font combination, and am looking to see exactly how much weight it'll add to this site for first time visitors. It's a Google font, and they ...
8
votes
4answers
36k 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.
8
votes
8answers
21k 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 ...
8
votes
4answers
11k 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 ...
8
votes
4answers
60k 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 ...
7
votes
3answers
342 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
3answers
17k 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 ...
7
votes
2answers
493 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: ...
7
votes
1answer
603 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 ...
6
votes
3answers
19k 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 ....
6
votes
2answers
228 views

Setting font-weight vs bold font-family in CSS, which is more correct?

There are basically two ways of making a font bold in CSS: via the font-familyattribute and via the font-weight attribute. Let's say i'm using the font Raleway for example and have loaded a Light, a ...
6
votes
2answers
238 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
558 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
873 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
1k 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
12k views

How to convert a WOFF2 webfont into a TTF desktop font?

Googling leads me to everythingfonts . com which is down, at least for the last two days but it may have been down for a while. Googling "woff2 to ttf" -everythingfonts has very few results ...
5
votes
1answer
255 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
132 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 ...
5
votes
2answers
67k views

Webfont alternatives to Gotham

The Brand Guidelines have specified the use of Gotham and Arial as the typeface, and I can see that in the past people have had various experiences with using Gotham on the web. Instead of using ...
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
292 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
13k 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
3k 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
2answers
81 views

What qualities should I look for in a font for an educational establishment?

I am trying to create a website for schools targeting elementary to high school students, and was wondering what characteristics I should look for in a font to make sure its "safe" or ideal? Are there ...
3
votes
2answers
964 views

Googlefonts: Change font only for just one character throughout the website

I don't know how this happened, but every instance of the ampersand is in one specific font and style on my website (something like Times Roman italic). My site is all about ampersands, so this is ...
3
votes
3answers
269 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
2answers
812 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
251 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
3answers
5k 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 Roman",...
3
votes
1answer
131 views

What's the smallest set of web font formats that covers all browsers?

I'm looking to use a web font that was only published in TTF. I'll need to convert it to other formats, and I'd prefer to reduce the amount of file conversion I need to do (partly so I don't need to ...
3
votes
4answers
920 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
4answers
57k views

What's a replacement for Univers Condensed?

I'm failing to find a replacement for Univers Condensed to use on the Web. I'm using Typekit (portfolio), and right now using LFT Etica Web which is much wider than Univers. I tried Googleing but no ...
3
votes
1answer
116 views

is it okay to mix two font styles on the front page of a web site?

I am developing a static website which has to look professional. I found a font (Quicksand) that looks good as a short introductory kind of message / slogan that goes just under the header on the ...
3
votes
4answers
32k 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
510 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
1answer
750 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
602 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
304 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 ...