Demo JavaScript Embedded Fonts
Stable Version 1.0.0
Published on 26 September 2014 by 
Created on 26 September 2014
Demonstration on how to render 3rd party fonts without needing to install in user machine. This aplication demonstrates how to display barcodes using IDAutomation fonts and encoding classes
Read More
This application is for demonstration purposes on how to use typeface.js libray in addition with  proprietary Fonts, to correctly display in any end-user without needing to install said fonts.
The included encode routine and font are property of IDAutomation, and are used here only for demonstration purposes. You should purchase a avalid license to redistribute this particular font.

  • Create or download an extension to encode data in any barcode standard (code 128 in the demo)
  • Download typeface.js from and add to OML/Resources, deploying to Target Directory on publish.
  • Convert or download font to js glyph file in; attach to OML/Resources as previous step.
  • Add 2 HTTPRequestHandler/AddJavaScriptTag to your page preparation, refrencing both typeface.js and your-font.js
  • Add an expression with the encoded data and style to the target font-family name.
  • Enclose previous expression in a <div> with class=typeface-js

Reviews (0)
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Santiago Suarez who created this component.
Demo JavaScript Embedded Fonts has no dependencies.
Component Consumers
Demo JavaScript Embedded Fonts has no consumers.
Weekly Downloads 
Related Components
Field Services Mobile
Field Services Team
Sample mobile app to support telecom technicians in performing field services.It’s specially designed for iPads, with an iOS10-like look and feel. Works completely offline, as it allows the technician to perform all tasks offline and synchronizes all data when connected. Uses mobile plugins to integrate location and barcode scanning with the device. This sample app can be integrated with your existing systems and be fully customized to your specific company needs in a matter of days or weeks.
Silk UI Responsive Sample App
Functional fully-responsive application built with the Dublin template and Silk UI patterns, visit for more information.
Sample mobile app to chat in realtime with any of the registered users. Chat with other users using text or photos in one-to-one conversations or as a group. Works in both phone and tablet. Integrates with Firebase for real-time communication, using web sockets. The app also implements its own user provider. This sample app can be integrated with your existing systems and be fully customized to your specific company needs in a matter of days or weeks.
More from Santiago Suarez
Santiago Suarez
Extension to validate IBAN numbers within the SEPA area countries. Performs a country code, length and structure validation, as well as a check to the module 97 results. 
Santiago Suarez
Extension to encode data using IDAutomation c# class