Add Custom Font

@font-face {
  font-family: '';
  src: url('') format('otf'),
       url('') format('woff');
} 

Find your font

  • Buy from foundries

  • Find free fonts

  • Download font from other websites

    • Developer Tool — command + shift + C

    • Top menu — Application

    • Scroll to the bottom — Frames

    • Hit the arrow to open folder

    • Look for Fonts then hit the arrow to open that folder

    • Find the font you want, right click — Open in new tab

Install in Squarespace

  1. Design > Custom CSS

  2. Manage Custom Files > Upload the font

  3. Insert code

  • font-family: ‘name of font’;

  • URL (‘‘) — put cursor in between the ‘‘ of the format of your font

  • Click Manage Custom Files then hit the font you want to use
    *** make sure the cursor is in between the ‘‘ so the address fills in the proper place

Previous
Previous

Custom Cursor