Fonts

gbear · August 11, 2013

Is there somewhere to see what the fonts look like? SmugMug provides an enormous font set but none of them are fonts I know. Is there a sample list somewhere, or what? It would take forever to run thru the whole list looking for a good one.

Thanks very much. Gbear

Andy · August 11, 2013

The answer you seek is freely available right on SmugMug's own awesome help pages:
http://help.smugmug.com/customer/portal/articles/1248452

gbear · August 11, 2013

Andy - thanks for answering what turns out to be a dumb question ! I even have the 3 basic help areas for the new smugmug (Transition, etc) bookmarked ! I don't remember how I phrased my question but I got around 40 answers so I came here.

Incidentally, on really complex programs, help can be very difficult because you have to know the name of what you are looking for. For example, in photoshop and, say, Excel, if you DONT know what its called, you're doomed. Though the new SM is (imho) wonderful, there really arent that many choices compared to photoshop, for example. Thanks again. Gbear

Kimbo6891 · September 19, 2013

Andy wrote: »

The answer you seek is freely available right on SmugMug's own awesome help pages:
http://help.smugmug.com/customer/portal/articles/1248452

Any, this link is great, but it is kind of hard to figure out which Google Font looks like the regular fonts found in most other applications. I would like to use CopperPlate Gothic Light. I have that as my menu font on the WordPress side of my site and I would love for SmugMug to match the rest of my site. If I find one on SM I like, then it isn't available on WP. Any suggestions?

Hikin' Mike · September 19, 2013

Kimbo6891 wrote: »

Any, this link is great, but it is kind of hard to figure out which Google Font looks like the regular fonts found in most other applications. I would like to use CopperPlate Gothic Light. I have that as my menu font on the WordPress side of my site and I would love for SmugMug to match the rest of my site. If I find one on SM I like, then it isn't available on WP. Any suggestions?

I use Font Squiirel to import fonts that either Smugmug (Google Font) doesn't have or custom fonts for one of my Wordpress sites.

leftquark · September 19, 2013

Kimbo6891 wrote: »

Any, this link is great, but it is kind of hard to figure out which Google Font looks like the regular fonts found in most other applications. I would like to use CopperPlate Gothic Light. I have that as my menu font on the WordPress side of my site and I would love for SmugMug to match the rest of my site. If I find one on SM I like, then it isn't available on WP. Any suggestions?

Kim,
Unfortunately CopperPlate Gothic (Light) isn't available on Google Fonts. The font has to be paid for. But ... it's still doable.

Do you own the font on your computer? If not, you'll need to purchase it and try to get the .eot, the .woff, and/or the .ttf file. Most new browsers tend to use the .woff format while IE uses the .eot format.

What you'll need to do is upload those files to a server you have access to. Then grab the link to those files.

Then add this code to the top of your CSS. Note that I don't know exactly what the parameters will be called so I've highlighted the areas in red that you may have to customize.

@font-face {
  font-family: '[COLOR="red"]CopperPlate Gothic Light[/COLOR]';
  font-style: normal;
  font-weight: 300;
  src: 
     url(http://[COLOR="red"]REPLACE_ME_WITH_YOUR_LINK[/COLOR].eot?#iefix) format('embedded-opentype'),
     url([COLOR="red"]REPLACE_ME_WITH_YOUR_LINK[/COLOR].woff) format('woff'),
     url([COLOR="red"]REPLACE_ME_WITH_YOUR_LINK[/COLOR].ttf) format('truetype');
}

What this does is forces the users browser to download the font for use on the page.

Then in whatever div on your site you want to use the CopperPlate font you'd use some more CSS (and here's an example)

.divName {
  font-family: 'CopperPlate Gothic Light';
  font-size: 12px;
}

Fonts

Comments