@font-face { 
   font-family: 'Rolling Pen'; 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenComplete-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenComplete-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenComplete-Regular.woff2') format('woff2'); 
} /* principal */
@font-face { 
   font-family: 'Rolling Pen Complete'; 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenComplete-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenComplete-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenComplete-Regular.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Rolling Pen Basic One'; 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenBasicOne-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenBasicOne-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenBasicOne-Regular.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Rolling Pen Basic Two'; 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenBasicTwo-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenBasicTwo-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenBasicTwo-Regular.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Rolling Pen Curly'; 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenCurly-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenCurly-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenCurly-Regular.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Rolling Pen Extras'; 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenExtras-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenExtras-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=160&ff=RollingPenExtras-Regular.woff2') format('woff2'); 
}