• 

  SherinSuzi

  Participant

  May 24, 2014 at 06:45

  Hello,

  How would I install a new webfont to my site?

  Could I install in such a way that I would be able to access the font via the Typography item under Theme Options?

  Or would I have to edit the CSS? In this case, could I add the code to custom.css?

  Thank you.

  #4780 Copied
  1 Answer
  

  Jack Richardson

  Support staff

  May 24, 2014 at 08:09

  Hello,

  You can not add your font in theme options, but you can add it to custom.css with @font-face, see example:

  @font-face {
  font-family: 'Aleo-Regular';
  src: url('css/fonts/aleo-regular-webfont.eot');
  src: url('css/fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/aleo-regular-webfont.woff') format('woff'),
  url('css/fonts/aleo-regular-webfont.ttf') format('truetype'),
  url('css/fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  
  h1,h2,h3,h4,h5,h6{
  font-family:"Aleo-Regular";
  }

  Regards,
  Jack Richardson

  #4788 Copied
• Viewing 2 results - 1 through 2 (of 2 total)