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).
Thanks in advance
4
-
Can you show us a screenshot? I would go out on a limb and say that there are better fonts to use (I don´t really like copperplate :) ) But I´ll look for an alternative anyway.– Jannik RufCommented Jul 25, 2012 at 7:05
-
Can you use a webfont instead?– e100Commented Jul 25, 2012 at 9:30
-
@e100 I wish ;) google fonts are great, the issue can be rendering on some browsers.– picusCommented Jul 25, 2012 at 21:52
-
2What browsers, exactly? Webfonts ate supported back to IE7. Mobiles can handle webfonts unless they're using Opera Mini, which butchers everything so who cares. Unless you need to-the-pixel size metrics for JavaScript-based dimension calculation at loadtime (which is a REALLY esoteric requirement) you'll be fine with a webfont.– sudownedCommented Dec 16, 2012 at 5:45
Add a comment
|
6 Answers
Here is an alternative. Not perfect, but close to Copperplate.
Balthazar: http://www.google.com/webfonts/specimen/Balthazar
To answer my own question, the font we decided to use is
Alegreya SC
http://www.google.com/webfonts/specimen/Alegreya+SC
We use it as a backup if the user doesn't have any of the main copperplate families on their machine.
thanks for your help.
-
2that's really nothing like Copperplate, though. Granted, Copperplate isn't always the best option to begin with--especially if we're talking body copy.– DA01Commented Aug 6, 2012 at 20:37
If you're concerned about using the actual font, I would just create an @font-face kit yourself using Copperplate Gothic.
The only problem with @font-face, which is a major one, is that it can have a severe impact on site performance.
-
2This used to be THE solution solution, but lately, I have found issues with the kit files for certain browsers and font squirrel, which has the best kit generator, is straight-up blocking some kits form being generated. +1 for the suggestion, though since it is a good one and this is not a web dev exchange per se. The best bet for kits is getting a pre-compiled one from font squirrel.– picusCommented Aug 6, 2012 at 18:01
-
8You can't just create a font-face kit without properly licensing the font for web use.– BrendanCommented Dec 16, 2012 at 5:40
Here is the best I could find on google webfonts: Syncopate, Cantarell; I suggest using both in bold. They are close except for the serifs of course, which I don´t find very attractive to be honest.
-
3I don't think either of these are anything like Copperplate Gothic.– e100Commented Jul 25, 2012 at 9:25
-
Oh now that I see the links you´re right. I typed in COPPERFIELD in the selection part of google webfonts. Try it and you´ll see that they have their characteristics. Commented Jul 25, 2012 at 9:57
-
-
@Jannik, Thanks will take a look. Cantarell seems like a decent alternative.– picusCommented Jul 25, 2012 at 21:53
The alternatives presented in other answers don't resemble Copperplate very closely, mainly in geometry. A hybrid approach would be to include Copperplate at the top of your font stack and use fallbacks. According to cssfontstack.com, Copperplate is installed on the majority of Windows and Macintosh computers. http://www.cssfontstack.com/Copperplate
I came here looking for ideas and this is the approach I'm going to take with a similar problem.
I tried Libre Baskerville and increased the font spacing to 1px and I feel it is fairly close.
