cordova fonts

fontes cordova-plugin

Baixar atividade	Travis CI	Snyk

Um plug -in Cordova que enumera as fontes instaladas no dispositivo local e também fornece o nome da fonte padrão.

Este plug -in define um objeto Fonts globais, que fornece acesso às fontes instaladas no dispositivo. O objeto Fonts está disponível no objeto navigator após os incêndios do evento deviceready .

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

Instalação

Da linha de comando:

 cordova plugin add cordova-plugin-fonts

Config.xml para compilação de telefone:

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

Esses comandos instalarão o plug -in do NPM. Você pode encontrar esse plug -in no NPM aqui ou pesquisando o ecosystem:cordova no registro da NPM como este.

Plataformas suportadas

• Android
• Amazon Fire OS (Unseded / apenas usando o código Android)
• Firefox OS
• iOS

Fontes

O objeto Fonts fornece uma maneira de enumerar através da lista de fontes instaladas no dispositivo.

Métodos

Atualmente, este plug -in fornece dois métodos, getFontlist e getDefaultFont .

getFontlist

Parâmetros:

• SuccessCallback : retorno de chamada que retorna a lista de fontes como uma matriz de valores de string.
• ErrorCallback: retorno de chamada que é executado se ocorrer um erro ao recuperar a lista de fontes no dispositivo local.

Firefox OS peculiaria

O Firefox OS não fornece uma API para acessar as fontes no dispositivo. Atualmente, o plug-in das fontes retorna uma lista correspondente ao arquivo fonts.mk encontrado no projeto Mozilla-B2G (https://github.com/mozilla-b2g/moztt/blob/master/fonts.mk), mas é uma lista de codificados duro e não é garantido para ser correto em qualquer versão ou distração de Firex OS.

Exemplo

 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 : retorno de chamada que retorna o nome da string da fonte padrão no dispositivo.
• ErrorCallback: retorno de chamada que é executado se ocorrer um erro durante a chamada.

Firefox OS peculiaria

O Firefox OS não fornece uma API para acessar as fontes no dispositivo. Atualmente, o plug-in das fontes retorna uma string codificada para a fonte padrão "FIRA Sans regular". Consulte https://www.mozilla.org/en-us/styleguide/products/firefox-os/typeface/ para obter mais informações.

Exemplo

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

Desenvolvimento interno / teste de unidade

(Isto é apenas para desenvolvedores que estão desenvolvendo / depurando o próprio plugin)

O plug-in Cordova-fontes usa o Cordova-Plugin-Test-Framework para executar testes de unidade. Complete o seguinte para executar os testes da unidade de plug -in:

1. Use seu aplicativo Cordova existente ou crie um novo. Você também pode usar o projeto de teste que já foi configurado para isso em https://github.com/eb1/test-fonts (basta usar as instruções listadas lá em vez das abaixo).

2. Adicione o plug-in Cordova-Fonts e os plugins de estrutura de teste / teste:

    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. Altere a página Iniciar no aplicativo Cordova config.xml com <content src="cdvtests/index.html" /> ou navegue para cdvtests/index.html no seu aplicativo.

4. Crie e execute o aplicativo em um emulador ou no dispositivo.