I'm working on a Forms demo for sales and I would like to use our company's custom font. Is there a way to import a custom font into Laserfiche Forms for use in Form Customization?
With a demo you know exactly what type of browser that will view it - but in production it will only work with certain browsers. The most compatible version uses .woff fonts and the @font-face rule. Here is a link for .woff compatibility: http://caniuse.com/woff
From w3schools.com: (http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp)
The @font-face rule is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari.
Internet Explorer 9+, Firefox, Chrome, Safari, and Opera support the WOFF (Web Open Font Format) font.
Firefox, Chrome, Safari, and Opera also support fonts of type TTF (True Type Fonts) and OTF (OpenType Fonts).
Chrome, Safari and Opera also support SVG fonts/shapes.
Internet Explorer also supports EOT (Embedded OpenType) fonts.
Note: Internet Explorer 8 and earlier versions, do not support the @font-face rule.
Essentially you will do this as shown on w3schools:
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}
the url iin the example above is the link to your .woff font.
In Forms you don't have direct access to the style section of the web page so you can't set everything from the get go (that I know of?). However you can add it to style sections for all of your tags by then using something like:
p
{
font-family: myFirstFont;
}
This page: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax has information about using the font on legacy browsers.
Also keep in mind that some commercial fonts have separate licenses for online use. Quite a few purchased commercial fonts allow printing through word and other desktop programs but do not include web use.
If you are licensed for it (or it's some sort of free license) this is a nifty site for conversion: http://www.font2web.com/
Good Luck!