cordova fonts
Maintenance release
| アクティビティをダウンロードします | トラビスCI | スナイク |
|---|---|---|
ローカルデバイスにインストールされているフォントを列挙し、デフォルトのフォントの名前も提供するCordovaプラグインがあります。
このプラグインは、デバイスにインストールされているフォントへのアクセスを提供するグローバルFontsオブジェクトを定義します。 Fontsオブジェクトはdevicereadyイベントが発射された後、 navigatorオブジェクトから使用できます。
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(navigator.Fonts);
}
コマンドラインから：
cordova plugin add cordova-plugin-fonts
config.xml for phonegap build：
<gap:plugin name="cordova-plugin-fonts" source="npm" />
これらのコマンドは、NPMからプラグインをインストールします。このプラグインは、こちらから、またはこのようなNPMレジストリのecosystem:cordovaを検索することで、こちらで見つけることができます。
Fontsオブジェクトは、デバイスにインストールされているフォントのリストを介して列挙する方法を提供します。
現在、このプラグインは2つのメソッド、 GetFontListとgetDefaultFontを提供しています。
パラメーター：
Firefox OSの癖
Firefox OSは、デバイス上のフォントにアクセスするためのAPIを提供しません。フォントプラグインは現在、mozilla-b2gプロジェクト（https://github.com/mozilla-b2g/moztt/blob/master/fonts.mk）にあるfonts.mkファイルに対応するリストを返しますが、ハードコーディングされたリストであり、Firefox osの任意のバージョンまたはディストリスコで正しいバージョンであることを保証するものではありません。
if (navigator.Fonts) {
console.log("Fonts object in navigator");
navigator.Fonts.getFontList(
function (fontList) {
if (fontlist) {
for (var i = 0; i < fontlist.length; i++) {
console.log("Font: " + fontlist[i]);
}
}
},
function (error) {
console.log("FontList error: " + error);
}
);
} else {
console.log("Plugin error: Fonts plugin not found (is it installed?)");
}
パラメーター：
Firefox OSの癖
Firefox OSは、デバイス上のフォントにアクセスするためのAPIを提供しません。フォントプラグインは現在、デフォルトのフォント「fira sansレギュラー」のハードコーディング文字列を返します。詳細については、https：//www.mozilla.org/en-us/styleguide/products/firefox-os/typeface/を参照してください。
if (navigator.Fonts) {
console.log("Fonts object in navigator");
navigator.Fonts.getDefaultFont(
function (defaultFont) {
if (defaultFont) {
console.log("Default Font: " + defaultFont);
}
},
function (error) {
console.log("DefaultFont error: " + error);
}
);
} else {
console.log("Plugin error: Fonts plugin not found (is it installed?)");
}
（これは、プラグイン自体を開発 /デバッグしている開発者のみです）
Cordova-Fontsプラグインは、Cordova-Plugin-Test-Frameworkを使用してユニットテストを実行します。プラグインユニットテストを実行するには、以下を完了します。
既存のCordovaアプリを使用するか、新しいCordovaアプリを作成します。また、https://github.com/eb1/test-fontsでこれに既に設定されているテストプロジェクトを使用することもできます（以下のものではなく、そこにリストされている手順を使用してください）。
cordova-fontsプラグインとテスト /テストフレームワークプラグインを追加します。
cordova plugin add https://github.com/adapt-it/cordova-fonts.git
cordova plugin add https://github.com/adapt-it/cordova-fonts.git#:/tests
cordova plugin add https://github.com/apache/cordova-plugin-test-framework.git
Cordova Appのconfig.xmlの開始ページを<content src="cdvtests/index.html" />を変更するか、アプリ内からcdvtests/index.htmlに移動します。
エミュレータまたはデバイスでアプリケーションを構築および実行します。
