OutSystems Forge 日本語データベース

Demo JavaScript Embedded Fonts

※Forge全件データの日本語検索サービスをご利用になりたい場合は、こちらまでお問合せください。

Forge英文サイト

2014-09-26 1.0.0 Santiago Suarez 8.0.0.16 All All Applications
ユーザマシンにインストールすることなくサードパーティのフォントをレンダリングする方法のデモンストレーション。 このアプリケーションは、IDAutomationフォントとエンコードクラスを使用してバーコードを表示する方法を示しています
このアプリケーションは、フォントをインストールすることなくエンドユーザに正しく表示するために、独自のフォントに加えてtypeface.jsのライブラリを使用する方法のデモンストレーション用です。 インクルードルーチンとフォントは、IDAutomationのプロパティであり、ここではデモンストレーションの目的でのみ使用されています。 この特定のフォントを再配布するにはavalidライセンスを購入する必要があります。 ステップ 任意のバーコード標準でデータをエンコードする拡張機能を作成またはダウンロードする(デモのコード128) Typeface.jsをtypeface.neocracy.orgからダウンロードし、OML / Resourcesに追加し、公開時にターゲットディレクトリに展開します。 Typeface.neocracy.orgのjsグリフファイルにフォントを変換またはダウンロードする。 前の手順としてOML / Resourcesにアタッチします。 2つのHTTPRequestHandler / AddJavaScriptTagをページの準備に追加し、typeface.jsとyour-font.jsの両方をリフレッシュします コード化されたデータとスタイルを含む式をターゲットのフォントファミリ名に追加します。 前の式をclass = typeface-jsの<div>に入れてください

[Overview]
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
[Detail]
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. Steps Create or download an extension to encode data in any barcode standard (code 128 in the demo) Download typeface.js from Typeface.neocracy.org and add to OML/Resources, deploying to Target Directory on publish. Convert or download font to js glyph file in Typeface.neocracy.org; 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
戻る