There are a few different ways of getting custom fonts integrated into your Big Cartel store. You could use CSS fontstacks, a flash replacement like sIFR, or even pay to use commercial fonts using a service like Typekit. Google Web Fonts is a quick, easy, reliable and free service, and we’ll talk you through how to integrate it.
Firstly you need to choose which fonts you want to be using. Go to the Google Web Fonts homepage, and click ‘Start choosing fonts’.
When you find a font you like the look of, simply click on ‘Quick-use’.
If you scroll down Google should give you a link to integrate into the <head> of your site
You will need to copy and paste this line into the ‘layout’ page in your Big Cartel Admin. If you log-in and go to ‘Design > Pages’, select ‘Layout’. Copy the line from Google Web Fonts and paste it just below the <head> tag:
The fonts are now available to use on your site, we just need to choose where to use them.
We need to specify which text on the site will use the font. To use it sitewide we’d add this line into our CSS (Design > Basics and select ‘CSS’ in the top right corner):
body{
font-family: ‘Changa One’, sans-serif;
}
If we just wanted our headers to be in this font we’d add in:
h1, h2, h3, h4, h5, h6{
font-family: ‘Changa One’, sans-serif;
}
This is a really basic introduction, but hopefully will get you up and running. Any questions feel free to ask in the comments below.