Hot answers tagged font-face
10
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 ...
7
I have been looking for this also, my findings are:
Noteworthy is Filmotype Brooklyn, available at Font Bros (and other font shops) for about $29
http://www.fontbros.com/cgi-bin/commerce.cgi?preadd=action&key=FILM-BROO
Filmotype Alice is a lighter weight:
http://www.fontbros.com/cgi-bin/commerce.cgi?preadd=action&key=FILM-ALIC
They ...
7
Taking a look at the Wikipedia entry for Georgia, they mention that it is influenced by Clarendon typefaces.
Here's Georgia:
Here's URW Clarendon:
Update
Not knowing your exact purpose, you might also want to consider simply using numbers from a more commonly available similar font. Times New Roman, for example, isn't too different, and mixing the ...
6
The "diagonal words" are called 'catchwords'. An example from the wood type era:
http://www.flickr.com/photos/nicksherman/540073007/sizes/m/in/photostream/
For simple geometric sans such as the ones in the photos, you can certainly make your own. There are fonts that have them built in, however:
http://www.myfonts.com/search/catchwords/fonts/
6
Joe Gillespie did some great micro screen font work under the MiniFonts moniker.
These are still available via MyFonts.
Silkscreen is a related design by Jason Kottke.
5
Bitstream Charter has three things in common with Georgia: (1) it's about the same size; (2) its upper-case letters are less tall than lower-case ascenders; (3) it was designed by Matthew Carter. But Bitstream Charter has lined (non-descending) numerals.
Unfortunately I have no experience with @font-face, so I can't help you with that part of the problem.
...
5
Hyperlinks are to the internet as highways are to cities. You see a sign to a place to want to go and follow it.
They are what allows you to go from on page to another, without them the internet would be one page, the whole world would look at with nowhere to go.
When deciding on colors for your hyperlinks, I'd suggest using a different color than your ...
5
Here are some similar fonts to Georgia with lining numerals:
Ingeborg
News 706
Escrow
Just look around in web fonts services, these are just 3 of the many examples yu can find in http://www.identifont.com
4
It would help if it were a bit bigger. It's probably Georgia (with reduced tracking) since their current site still uses that in a few places. It probably not Baskerville because the centre point of M doesn't meet the baseline and the tail of the lowercase d is straight not curved.
3
Font management software is worth paying for because it helps organize your font collection and most applications help with managing system fonts (activate and deactivate fonts in the Windows system fonts "folder").
I recommend Suitcase Fusion by Extensis from my experience. Their latest version includes panels in CS5/6 for just-in-time activating fonts ...
3
First thing you can do is a manual cleanup. Use the list of windows' standard fonts for different versions of the os, and just erase the extra ones: http://www.autoitscript.com/autoit3/docs/appendix/fonts.htm (by the way, Helvetica is not part of the pack so you probably got it from somewhwere else). If you have the original os, then there's no need to buy ...
3
This is a newspaper, not a typescript, so rather than a monospaced typewriter font you will need something like Scotch Roman. Of the list at that link, Mercantile Display or Inflex Bold may work for the heading; Century Expanded for the body text.
I suspect that a distressed font of the right period will be difficult to find, so you will need to follow ...
3
Handlee is pretty similar and it's in Google Webfonts. With Google Webfonts all you have to do is link to a page at the top of your HTML and you're good to go to use the font!
Handlee on Google Web Fonts
3
Kyle has a pretty good answer, so I'll just add that Six Revisions has a pretty good article - Designing Hyperlinks: Tips and Best Practices - about this topic.
I'll also note that it's becoming something of a standard to have some sort of notation if a link takes you to another site (typically a box with an arrow pointing north east). Where I work we have ...
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 ...
2
If the issue is the same as the Stackoverflow question you reference then isn't the answer the same too?
That's a Hinting problem.
When you generate your font-face kit (like in FontSquirrel), you need to specify Hinting on the Expert options.
Choose Expert, and under Rendering, select:
Apply Hinting - Improve Win rendering.
2
You can't substitute software for taste, I'm afraid, but there is an excellent and rather unique font manager called TypeDNA that will help get you in the ballpark. It can suggest contrasting or harmonizing heading faces for a given body face (and vice versa), find type harmonies, etc., using the fonts you have installed or from type suppliers, based on its ...
2
If I'm understanding the question, I'd say you're looking for a bold sans-serif font to pair with your serif body font. There's no automatic way to pair them up, but if you take a look here, it might give you some better visual guidance:
FontFuse Gallery:
http://fontfuse.webink.com/gallery
To let you know you're not alone, though, there's even a giant ...
2
That's almost monospaced which means that many fonts will have U and N too wide. Try TW Cen MT Condensed Bold or Extra Bold.
Free versions are available (but if you run Windows software you may already have them).
The rounder style on the older photos is almost Highway Gothic — this example is only a fairly good match but it's free. You may need ...
2
RoboFont is a great software (mac only) for font editing on so many levels. It also does what you're looking for: allows you to open individual files and edit their font info and then resave in whatever format you need. I recently had to do exactly what you're asking with my copy of Gotham which was installing as individual files and not as a family.
...
2
I'm not able to test this on a Mac, and the Windows version is too flakey and crash-prone to test, but this should work:
Install FontForge (open source font editor)
Load up the fonts which aren't falling into the same group.
An example free font that doesn't fully group for experimentation is Aller, where Aller Light/Light Italic and Aller Display don't ...
2
Although the x-height is a little on the small side, I would recommend you use Leander from FontSquirrel. It has the right structure for the period, and is distressed without being gimmicky. For best results, set at 10 pt, use an inkjet printer on 20lb or lighter bond paper that is no more than 80% bright, then iron it using a high setting (no steam!) so it ...
2
Here is an alternative. Not perfect, but close to Copperplate.
Balthazar:
http://www.google.com/webfonts/specimen/Balthazar
2
There's several issues here.
SkarpaLT appears to be designed as a display face. Most thin letterforms are designed for that...posters, headlines, etc.--basically where you'd use them large. They aren't designed to be used as small text faces.
Most screens are still rather low-resolution. The smaller the type, the harder it is to render it cleanly on a ...
2
There are a few ways to reduce the size of a TTF file, but most of them require that you know the consequences, since they are lossy.
Firstly, you can subset the font, which means to remove any glyphs (character images) that you don't need. If you have a font that covers several languages and you only need to support one language, then this can be for ...
1
I just combined the Nexa fonts into one Font Family on my my Macbook Pro running OSX 10.8 (Mountain Lion). The UI looks old (and not retina), but it worked.
$ brew install fontforge
$ fontforge
Edit the Font
Open the file and goto Element > Font Info.
Under PS Names, change the Font Family to the common name you want. Leave Fontname and Name For Humans ...
1
Each web browser and Photoshop use different type rendering engine.
Also it's depends on the font, size, and the color of the type and background. Each of the antialiasing techniques have their place and the best way to know which is best is experiment and then Save for Web.
It's generally not worth spending time trying to figure out different ...
1
you can click the "Anti aliasing" box in photoshop, in the character properties settings window.
If you dont see it, go into the main menu, then "windows > character"
You will see an Anti Aliasing option with 4 options. Smooth, Sharp, Crisp, and None. (maybe one more).
Just set any of those and it should be good.
You have to hover over the icon to know ...
1
There are some great fonts to mimic an old Remington or Smith Corona typewriter.
Here's one I recall just off the top of my head : Smith Upright
If you search for "vtypewriter" you'll find several distressed fonts like this. (the v is not a typo, it's part of the title)
And there's always the option of setting it in a standard font such as Garamond and ...
1
It's all a matter of exercising some taste but some good combinations with Georgia in my experience are Helvetica, Helvetica Neue, Arial (purists will tell you no, but you've got to be pragmatic sometimes), and Lucida Grande.
I don't know what the exact font limitations are on Blogspot, but I'm sure you'll be able to find something in there to finish a ...
Only top voted, non community-wiki answers of a minimum length are eligible
