cordova fonts

Cordova-plugin-fonts

Descargar actividad	Travis CI	Snyk

Un complemento Cordova que enumera las fuentes instaladas en el dispositivo local, y también proporciona el nombre de la fuente predeterminada.

Este complemento define un objeto Global Fonts , que proporciona acceso a las fuentes instaladas en el dispositivo. El objeto Fonts está disponible en el objeto navigator después de que el evento deviceready dispara.

 document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log(navigator.Fonts);
}

Instalación

Desde la línea de comando:

 cordova plugin add cordova-plugin-fonts

Config.xml para la compilación de phinegap:

 <gap:plugin name="cordova-plugin-fonts" source="npm" />

Estos comandos instalarán el complemento de NPM. Puede encontrar este complemento en NPM aquí, o buscando ecosystem:cordova en el registro de NPM como este.

Plataformas compatibles

• Androide
• Amazon Fire OS (no probado / solo usando el código Android)
• OS de Firefox
• iOS

Fuentes

El objeto Fonts proporciona una forma de enumerar a través de la lista de fuentes instaladas en el dispositivo.

Métodos

Actualmente, este complemento proporciona dos métodos, GetFontList y GetDefaultFont .

getFontlist

Parámetros:

• SuccessCallback : devolución de llamada que devuelve la lista de fuentes como una matriz de valores de cadena.
• ErrorCallback: devolución de llamada que se ejecuta si se produce un error al recuperar la lista de fuentes en el dispositivo local.

Firefox del sistema operativo

Firefox OS no proporciona una API para acceder a las fuentes en el dispositivo. El complemento de fuentes actualmente devuelve una lista correspondiente al archivo Fonts.mk que se encuentra en el proyecto Mozilla-B2G (https://github.com/mozilla-b2g/moztt/blob/fonts.mk), pero es una lista de codidad dura y no está garantizado para ser correcto en cualquier versión en particular o distribución de un sistema de firefox.

Ejemplo

 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?)");
}

getDefaultFont

Parámetros:

• SuccessCallback : devolución de llamada que devuelve el nombre de la cadena de la fuente predeterminada en el dispositivo.
• ErrorCallback: devolución de llamada que se ejecuta si se produce un error durante la llamada.

Firefox del sistema operativo

Firefox OS no proporciona una API para acceder a las fuentes en el dispositivo. El complemento de fuentes actualmente devuelve una cadena codificada para la fuente predeterminada "Fira Sans Regular". Consulte https://www.mozilla.org/en-us/styleguide/products/firefox-os/typeface/ para obtener más información.

Ejemplo

 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?)");
}

Desarrollo interno / prueba unitaria

(Esto es solo para los desarrolladores que están desarrollando / depurando el complemento en sí)

El complemento Cordova-Fonts utiliza el trabajo de prueba de prueba Cordova-Plugin para ejecutar pruebas unitarias. Complete lo siguiente para ejecutar a través de las pruebas de la unidad del complemento:

1. Use su aplicación Cordova existente o cree una nueva. También puede usar el proyecto de prueba que ya se ha configurado para esto en https://github.com/eb1/test-tons (solo use las instrucciones enumeradas allí en lugar de las siguientes).

2. Agregue el complemento Cordova-Fonts y los complementos de prueba de prueba / prueba:

    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
   

3. Cambie la página de inicio en config.xml de su aplicación Cordova con <content src="cdvtests/index.html" /> o navegue a cdvtests/index.html desde su aplicación.

4. Construya y ejecute la aplicación en un emulador o en el dispositivo.