You need to create a web set of fonts to replace the ones it currently uses. Go to this website Font Squirrel and build the set of fonts you would like to use. Once you have completed that, go to the fonts directory “catalog/view/theme/shoppica/fonts/” and paste the generated fonts in that folder.

Once that is done, go to the CSS file located “catalog/view/theme/shoppica/stylesheet/screen.css” and replace all of the default fonts listed.

I have changed mine to Helvetica…

@font-face {
  font-family: 'Helvetica Rounded Bold';
  src: url('../fonts/helvetica_rounded_bold-webfont.eot');
  src: local('Helvetica Rounded'), url('../fonts/helvetica_rounded_bold-webfont.eot?iefix') format('eot'), url('../fonts/helvetica_rounded_bold-webfont.woff') format('woff'), url('../fonts/helvetica_rounded_bold-webfont.ttf') format('truetype'), url('../fonts/helvetica_rounded_bold-webfont.svg#HelveRound') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneue-extended-webfont.eot');
  src: local('Helvetica Neue'), url('../fonts/helveticaneue-extended-webfont.eot?iefix') format('eot'), url('../fonts/helveticaneue-extended-webfont.woff') format('woff'), url('../fonts/helveticaneue-extended-webfont.ttf') format('truetype'), url('../fonts/helveticaneue-extended-webfont.svg#Helvetica Neue') format('svg');
  font-weight: normal;
  font-style: normal;
}

You will also want to find and replace the rest of the CSS font-family entries too to match.

thks esn and tb support, but the second post got me a bit confused

my screen.css has

, td, th, input, textarea, select, button {
  margin: 0;
  padding: 0;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;

I’m trying to change the font in the top menu next to the home button, but nothing seems to work. It just goes from the standard ubuntu regular into what seems like a very thin, narrow helvetica (not sure if it is).

I’ve gotten the fontface kits and put them into my server as shown above, then replaced all the font families to refer to the new fontface.

Is there a different method to change the font of the top menu? Also the size?

What works: Georgie, Ubuntu Regular

What doesn’t work: Verdana, TimesNR, Bell MT, Tahoma, and a couple other random ones I found on FontSquirrel

*p.s. – the rest of the fonts on the website do change, which is good. BUT I’m trying to change the top menu bar in particular.

Any help would be appreciated