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

enter image description here

  • 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 Ruf Jul 25 '12 at 7:05
  • Can you use a webfont instead? – e100 Jul 25 '12 at 9:30
  • @e100 I wish ;) google fonts are great, the issue can be rendering on some browsers. – picus Jul 25 '12 at 21:52
  • 2
    What 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. – sudowned Dec 16 '12 at 5:45

Here is an alternative. Not perfect, but close to Copperplate.

Balthazar: http://www.google.com/webfonts/specimen/Balthazar

enter image description here


To answer my own question, the font we decided to use is

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.

enter image description here

  • 2
    that's really nothing like Copperplate, though. Granted, Copperplate isn't always the best option to begin with--especially if we're talking body copy. – DA01 Aug 6 '12 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.

  • 2
    This 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. – picus Aug 6 '12 at 18:01
  • 8
    You can't just create a font-face kit without properly licensing the font for web use. – Brendan Dec 16 '12 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.

enter image description here

enter image description here

  • 3
    I don't think either of these are anything like Copperplate Gothic. – e100 Jul 25 '12 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. – Jannik Ruf Jul 25 '12 at 9:57
  • Of course only in Uppercase and bold ;) – Jannik Ruf Jul 25 '12 at 11:21
  • @Jannik, Thanks will take a look. Cantarell seems like a decent alternative. – picus Jul 25 '12 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.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.