Adding unusual fonts


Sometimes an unusual font is necessary—one that is not included on the web safe font list.

All you need are the corresponding font files (eot, ttf, woff) and ActiveForms.

In the files tree of Design tab, add your font files.

At the very top of the CSS file add the following line:

@font-face {
  font-family: 'Source Sans Pro';
  src: url('$misc/SourceSansPro-Regular.eot$');
  src: url('$misc/SourceSansPro-Regular.eot$') format('embedded-opentype'),
    url('$misc/SourceSansPro-Regular-otf.woff$') format('opentype'),
    url('$misc/SourceSansPro-Regular-ttf.woff$') format('truetype'),
  	url("$misc/SourceSansPro-Regular.svg$#SourceSansPro-Regular") format("svg");

Now you can call your new font with styles (in the layout CSS file):

.eforms_buttons {
  font-family: 'Source Sans Pro', sans-serif;
recent posts
3rd Apr 2014
Faster than ever!
5th Dec 2013
Live validation!
2nd Dec 2013
Features distilled
12th Mar 2012
Flicking Channels
26th Jan 2012
Your Own Error Page
9th May 2011
Box Properties
15th Apr 2011
Grouping Fields
13th Apr 2011
Form Versioning
24th Feb 2011
Form Access Modes
22nd Feb 2011
Required Fields
4th Feb 2011