Tag Info

Hot answers tagged

19

I still think that for web, the best free option out there is Liberation Sans. It renders perfectly with @font-face. But you can get Helvetica Neue for web from Fonts.com for web use for a fair price too. I would probably use font-family:"Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif"; so those pcs with the font installed can see it, and ...


9

My solution: SVG sprite sheets with PNG fallback Personally, I think icon fonts are a poor stop gap technology that won't be around in 5 years. SVG images are a far better way to go if you need vectors. SVG has most of the benefits of icon fonts, plus: SVGs can contain colours, gradients and other effects. Works with img tags. Works as CSS ...


9

A search yielded a list of possible alternatives, top of which is Courier. While it may be ubiquitous and not particularly interesting, it's a native font on every [? almost every] OS and present on most systems. Thus it will be rendered well without additional work on your part. The other fonts listed there which satisfy the requirement for slab serifs ...


7

Windows Metro uses the font Segoe. The font Segoe bears resemblance to the font Frutiger, so in your search for Segoe alternatives you can expand your search to Frutiger alternatives. The font M+ 2p is a free font that's an alternative to Frutiger: It is indeed a strange name for a font, but it is desgined by a foundry called M+. You might also want to ...


7

Tex Gyre Adventor is a really nice replacement for both Avant Garde and Century Gothic. Useful if you also target devices that are not a pc or Mac. It's available as a @font-face kit at FontSquirrel: http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor


6

If really want to use a Google Font I highly suggest using NUNITO. It has 3 styles Book, Normal, and Bold. Here is a sample comparison between Book 300 and Avenir: http://joelcrawfordsmith.com/new/font/avenir Sentence length is a perfect match, x-height is great, its only fault is maybe the acenders abd descenders are tiny bit shorter.


6

If you're trying to create a 3D ribbon effect, start drawing ;) As others noted, this is custom. The reason you will not find a font (in addition to Microsoft's IP lawyers) is the complex shading. The commonly accepted font formats do not support illustrative gradients and borders. Besides, the effect in the MS example could be greatly improved upon. The ...


6

Is there a recommended way to do this The recommended way is to not do that. The client is hiring the graphic designer for their skills and making decisions like that. If you're just letting the client randomly pick elements of your design, you're not a designer...you're merely an assistant. If you must print out a bunch of fonts, install them all, ...


5

Typography is rather subjective, so I'm not sure if there's an algorithm for determining a "correct" line-height based on the font-face, font-size, font-weight. It's best practice to make all measurements relative to the font size (em) instead of a fixed value since users can change their default font size on their device. This allows the user to change the ...


5

Roboto is a good neo-grotesque sans that can replace Helvetica. Commissioned by Google and released for free. Used as Android's answer to iOS' Helvetica (Neue). More about Roboto's similarity to Helvetica here. It's slightly more humanised I think. I wouldn't overstate its similarity, but I would say it's a good free alternative. I also agree with ...


5

I think Museo Sans is good enough: On Google fonts there is also Montserrat could be used for some words :)


5

The sans-serif font is League Gothic. Here it's overlaid on the image given: The tracking is a bit off but it's clear that the glyphs are a match. As mentioned previously, the other font is Pacifico. Both are freely available for commercial use on Font Squirrel.


5

One thing to get out there right away: It looks like you want 1) free, 2) multiple weights, and 3) extended character sets. That's a difficult combination. With a lot of these, a combination of 1 and 3 is possible, that usually means you have to pay to get 2. If 1 and 2 are combined, it's often at the expense of 3. Back to your question... Trebuchet is ...


5

Latin Modern Mono is available from FontSquirrel (and also a core font from LaTeX) which is very tight in condensed form. As an additional option, Anka Coder comes in both Condensed and Narrow widths. The Narrow version is one of the other narrowest open-source monospace fonts I have seen. It runs neck and neck with M+1M for width, but with a more ...


4

You mention it yourself: "The fundamental issue here is maintaining a balance between the visual and the technical". Here's my opinion, and I'm sure not everyone will agree, but this is what I've observed in the last years working in web. Web fonts vs safe fonts: Technically, you don't need webfonts. You can use safe ones that don't require the user ...


4

You could find a font that has a very unique "!" and use the Font Squirrel @font-face generator and choose expert settings with custom subsettings and only include the ! character for the font. Add the font to your stack as the first font and it will only render for the ! For this example I chose Heartbreaker Regular as the font and created an @font-face ...


4

I do not know of any type-pairing sites specifically but I will list some resources I have come across on the subject as well as places you could ask typographers directly about the topic. Check Smashing Mag as they have done at least a few articles on type-pairing and they link to the resources and web-sites they mention in the articles. I do not know the ...


4

If it's for a website I'd not even think about printing them. If you must make a test page and let them choose from a FEW fonts only, not all of them. Just the ones that fit into the context of the project. This way they get FEELING of having control over stuff. Printing them out would be very misleading. For example if print them out at high resolution ...


4

Although I do agree with the sentiment that you shouldn't just blindly display all the fonts, I do think it makes browsing the fonts from Google Web Fonts incredibly easier if you have all of them downloaded. This way you don't have to manually go through Google's Web Font directory and select all the ones you want, you can play with them at your own ...


4

Since it's already pointed out there is a thin weight for Open Sans called Open Sans Light 300 there is actually a way you can create thin text within Illustrator. Convert the text to an outline by: Switch to the Selection tool and choose Type > Create Outlines. You can also use the keyboard command Ctrl+Shift+O (Windows) or Cmd+Shift+O (Mac). Select ...


4

It's called Miss Le Gatees Regular. However, the roses are not part of the font, obviously. So you're going to need some sort of image, preferably vector. But at least the letters can be recreated easily.


4

Std - Standard or the base weight/form(s) of the typeface - often includes 1 regular or medium face, 1 bold face, then associated italics - good for any use Display - Generally refers to a typeface designed for use in headlines or display areas. Not widely used for large areas of text due to low readability/legibility at smaller sizes. (These include, but ...


3

I ended up using Muli from Google Fonts, I think it's pretty close:


3

These look similar. I hope they'll work for you. http://www.fontsquirrel.com/fonts/TeX-Gyre-Heros http://www.google.com/fonts/specimen/Lato


3

This connects to my question from a few weeks back. I feel there is still not a great answer for "How do I determine when a webfont can cut it vs when to use graphic type?" I outlined how I make that determination, though it's still fuzzy. The bottom line is, you need to test webfonts in multiple browsers on multiple systems as early in the design process ...


3

Century Gothic is pretty well-saturated on the Web and has letterforms that are in the same ballpark as Avant Garde. If a Mac doesn't have it on their system, you can put Futura lower down the font stack. Not sure how scientific these surveys are, but the numbers are in line with what I've read before: Century Gothic is on probably about 87% of PCs (63% of ...


3

Does it actually matter what font you use in Google Docs for collaboration? Surely if you are using a corporate font for branding purposes or whatever, it would feature on the report or website showing the results of your consultation. You are probably going to have difficulty maintaining the style if you do have several authors all poking, adding and ...


3

They're likely also using @font-face. All of the hosted solutions (webkit, kernest, fontsquirrel, myfonts, google, etc, etc) all tend to use variations of the same theme...typically JS creating dynamic CSS to load the @font-face. Some sprinkle on bonus formats to fit particular browser idiosyncrasies such as cufon or SVG. But it's manly the same concept for ...


3

The only helpful post I was able to find online is from mid-2008, so it's certainly possible that someone has released a tool since then. EOT is a Microsoft thing, and it appears to be somewhat proprietary and locked down to discourage reverse-engineering. From the Wikipedia article: Embedded OpenType includes features to discourage copying. Subsetting ...


3

You have a few separate issues here, first I would recommend pointing the designers towards either http://www.fontsquirrel.com and http://www.google.com/fonts/ These sites container CC fonts that work perfectly on the web and are completely free to use, and there are instructions on the site on how to add them to your websites - as well as a download so ...



Only top voted, non community-wiki answers of a minimum length are eligible