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

0
votes
1answer
58 views

How to use a Web font with more than 65,535 glyphs

SVG font seems to be the right choice here because it uses XML. However it has been deprecated everywhere. So is there an alternative (or an alternative format) for representing a long text which use ...
3
votes
2answers
198 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 ...
20
votes
14answers
119k 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 ...
2
votes
0answers
41 views

Web font that includes both alphanumeric characters and icons

There are lots of icon fonts, like FontAwesome, ionicons and others. But is there any web font that includes both text and icons? If not, do you know why? My motivation to ask this is to be able ...
0
votes
1answer
167 views

Can anyone suggest a free alternative to Corbel font for web use

Corbel: I've been searching for hours and hours, now days for a font that would fit my website as Corbel does. I know it might not look like the best font, but it fits my needs. I've found ...
0
votes
0answers
51 views

Version of Helvetica Neue distinguishing I and l

I’ve heard that Helvetica Neue has a version specifically for web use that resolves the issue of the capital I and lowercase L looking the same. I am trying to find this version to be ADA compliant ...
8
votes
1answer
528 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 ...
0
votes
1answer
98 views

Font for representing Unicode non‐printable characters

I need a good font for representing control characters. And it seems one is installed on my system and that my keyboard layout creator software use it as it’s default installed font (I have thousands ...
2
votes
1answer
45 views

What am I missing if I have a font created from SVGs using some online application?

I have love for fonts, especially in web and print typography, though my background is not in this regards. Recently I came to know that, I can make SVG images in Illustrator, and can upload them to ...
9
votes
4answers
79k 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.
2
votes
3answers
101 views

How to properly set the css leading

I have a situation trying to figured it out how o properly use and set the css leading when we have something like this: Even if the line-height is the same, the first 2 lines look pretty far away ...
6
votes
4answers
34k 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 ...
46
votes
9answers
127k 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 ...
4
votes
0answers
121 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 ...
0
votes
3answers
11k views

How to make a font thinner?

This font looks like a "thin" Open Sans, how they do it? Or maybe it's a different font?
1
vote
3answers
280 views

What font would compliment Source Code Pro for better readability?

Please see this example: I use Source Code Pro for my website as main font. While I like the look and feel of the font and I chose it specifically for that, I have the impression, that it does not ...
1
vote
1answer
334 views

Is HelveticaNeue a good web/e-mail typeface if it can successfully embedded? [closed]

I need to send some professional/commercial e-mails, my design currently look like this: Helvetica, have a very large use in Printing and from wikipedia: Miedinger and Hoffmann set out to create a ...
3
votes
1answer
125 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, ...
44
votes
4answers
184k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
3
votes
5answers
13k 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 ...
0
votes
4answers
1k views

Best Adobe product for web designing?

I've been using Photoshop for the last 2 years to create mockups for my sites, but the biggest problem I find with Photoshop is its terrible way of rendering text in a web-realistic way. Is there an ...
2
votes
0answers
290 views

Sketch 3 app with Adobe Typekit? [closed]

Is it possible to work with Adobe Typekit's webfonts directly into BohemianCoding Sketch 3 app? The same as in Adobe CC. If it is, how can I enable it? FYI: I already have a Typekit paid account. ...
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?
6
votes
7answers
14k 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
4answers
807 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 ...
12
votes
3answers
31k 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 ...
-2
votes
1answer
64 views

Free webfont similar to Impressum Std Roman

I am looking for a free web font which is as similar as possible to Impressum Std. Roman, I've used it extensively in a design, but now it's come to developing the web page, I am looking for an ...
0
votes
2answers
93 views

How can I condense a Source Sans Pro font so the characters almost touch when 30px size?

I have a web site that is using the Adobe Source Sans Pro font. On the website I would like to create a logo using this or a similar font but I would like to have it so there is almost no spacing ...
1
vote
0answers
41 views

Which font is used in the image [closed]

Can you please advise which font is used in this image? letters are in Portuguese Thanks
2
votes
2answers
4k 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 ...
20
votes
4answers
16k 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 ...
1
vote
1answer
793 views

Fonts similar to Ubuntu Condensed?

We're experimenting with using Ubuntu Condensed as our website's primary font. The non-condensed Ubuntu font has too much width, and feels splayed out. Previously, we were using Signika. It's ...
0
votes
0answers
201 views

What the font used for this old warehouse sign?

I can't identify this font on an old warehouse in Neuville-de-Poitou from maybe around 1930. The text reads "G. Robin Raffarin". It can be seen here on Google Street View. I seek for a similar webfont ...
5
votes
1answer
193 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 ...
1
vote
2answers
34k 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 ...
6
votes
2answers
128 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 ...
0
votes
0answers
43 views

Is there a version of the Everson Mono Bold font that's suitable for web pages?

The Everson font TTF files from the official page are approximately 16MB in total, or ~4 MB each, when uncompressed. I'm interesting in using this font for a web page. For this purpose, I'd like to ...
7
votes
4answers
7k 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 ...
-1
votes
1answer
116 views

Cant Change Font Face in CSS [closed]

I am making a Responsive Webpage Using BootStrap. That Have "helvetica neue" Font By Default. But It Doesnt Suit to my Web Page. So I Had used Custom Google Fonts. For Import: ...
1
vote
3answers
11k views

Free webfonts visually similar to Lineto Circular

Anybody know of any free webfonts visually similar to the new sans-serif Circular from Lineto that's being used at the new Airbnb site? ...
5
votes
3answers
10k 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 ...
1
vote
5answers
21k views

Can anyone suggest an alternative to Copperplate Gothic for web use?

Designer sent comps for a site using copperplate, I was wondering if anyone could suggest a good alternative that exists either on google fonts or as a font squirrel kit (preferably the former). ...
3
votes
3answers
159 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 ...
0
votes
1answer
215 views

Critique: Typography combination for heading and subheading

I'm designing a one page website and trying different typography combinations for the headings and subheadings. I eventually chose what you see below. I'm using Open Sans for the heading and Lato ...
1
vote
2answers
416 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
0
votes
2answers
183 views

Best serif web font for wide variety of scripts/glyphs

I'm developing a site with mixed content in a bunch of different scripts, mainly Latin, Cyrillic and Hebrew. There's also content in languages such as Lithuanian with an interesting variety of ...
5
votes
1answer
117 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 ...
1
vote
3answers
12k 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
143 views

Dharma Type license: Bebas Neue in html5-based app

I want to use Bebas Neue in my commercial html5-based game for mobile devices. My game mechanics implies the use of letters as sprites. The fact that this game is html5-based game means, that I'll ...
6
votes
2answers
442 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 ...