Dolor de cabeza pase cuando despues de tener mi app bien creada y bonita resulto que las caracteristicas de fuente y pantalla de los celulares afectan las fuentes de mi app, por lo que el diseño que tanto me esmere que funcioanara no sirve por lo que toco investigar y encontre algo muy interesante, resulta que todas las apps obedecen al estilo que de fuente que le da el movil de forma nativa y si se desea que esto no afecte deberemos indicarle a nuestra base de codigo que esto no debe pasar, si estamos desarrollando en nativo esto puede corregirse con algunas lineas, pero si estamos en capacitor no lo vamos a poder hacer al menos desde el codigo de fuente de angular o de la base de js que estemos usando, para poder solventar el problema me toco buscar por todo internet y encontre algo en el maravilloso mundo de stackoverflow donde un usuario indicaba que se debe modificar los settings del webview por lo que pensaria que puede aplicar tambien para react-native y demas herramientas que usen el webview, pero esto no era facil toca entrar al mainActivity de nuestro proyecto y dejarlo como lo siguiente.
import com.getcapacitor.BridgeActivity;
import android.webkit.WebSettings;
import android.webkit.WebView;
public class MainActivity extends BridgeActivity {
public void onResume() {
super.onResume();
WebSettings settings = bridge.getWebView().getSettings();
settings.setTextZoom(100);
settings.setSupportZoom(false);
}
}
ese codigo que esta arriba esta en Java en el MainActivity, despues solo es necesario compilar el apk o correrlo en nuestro movil y claro ir a la configuracion de las fuentes y aumentarle el tamaño, despues volvemos a nuestra app y nos daremos cuenta que no se vio afectado el diseño de nuestras fuentes, basicamente lo que se hizo fue hacer un setup para que la fuente siempre este a un mismo tamaño y deshabilitar el soporte para el zoom esto aplicado al webview.
