Jump to content

CSS for custom navigation and normal font in Foster Template

Recommended Posts

I'm fairly new to CSS and I'm trying to figure out how to add custom font for the navigation and also the 'normal' font in the text box. Can anyone help??

This is what I have so far....

Also... what is the 'p' font?

@font-face {
    font-family: 'HAVELOCK LIGHT';
       src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190c7112be5b2164a3f91c/1578699889315/3AD48F_3_0.woff');

@font-face {
    font-family: 'HAVELOCK MEDIUM';
       src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190e2812be5b2164a4282d/1578700328356/3AD48F_4_0.ttf');

@font-face {
    font-family: 'HAVELOCK REGULAR';
       src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190d344c275445aaacdee3/1578700084635/3AD48F_6_0.woff');

h1 {font-family: 'HAVELOCK LIGHT';}
h2 {font-family: 'HAVELOCK MEDIUM';}
h3 {font-family: 'HAVELOCK REGULAR';}



Link to comment
  • Replies 1
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.