Emoji : ok with ionic serve and lab but fails on android screen


#1

"hi all
I can’t find solution to my problem. I have generate a simple blank page wiith ionic 3. A part of my application is to display big emojis on android screen. I tried many things but it doesn t work. I’ve many tests and eventually a simple test like this one with my home.html : "

<ion-header>
</ion-header>
<ion-content padding>
    <div style="font-size:50px">😎</div>   <!-- is displayed -->
  <br/>
    <div style="font-size:100px">😎</div>   <!-- is not displayed -->
</ion-content>

Emoji are displayed until 65px, after that, it doesn’t display anything. BUT, it works well with ionic --lab and ionic serve in a browser. My home.scss is empty and i haven’t modify anything in home.ts.
Any idea to solve this ? the result is the same even if i use emoji include in android keyboard with binding . Thanks for your help, i’m facing this problem since a week … this drive me crazy … I have also tried with android studio to find what is not well generate but i didn’t find errors.

Android build is ok, my android version phone is 6.0.1 MarshMallow, and here is my json file :

{
“name”: “myApp_4”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”
},
“dependencies”: {
"@angular/common": “4.1.3”,
"@angular/compiler": “4.1.3”,
"@angular/compiler-cli": “4.1.3”,
"@angular/core": “4.1.3”,
"@angular/forms": “4.1.3”,
"@angular/http": “4.1.3”,
"@angular/platform-browser": “4.1.3”,
"@angular/platform-browser-dynamic": “4.1.3”,
"@ionic-native/core": “3.12.1”,
"@ionic-native/splash-screen": “3.12.1”,
"@ionic-native/status-bar": “3.12.1”,
"@ionic/storage": “2.0.1”,
“cordova-android”: “^6.2.3”,
“cordova-plugin-console”: “^1.0.5”,
“cordova-plugin-device”: “^1.1.4”,
“cordova-plugin-splashscreen”: “^4.0.3”,
“cordova-plugin-statusbar”: “^2.2.2”,
“cordova-plugin-whitelist”: “^1.3.1”,
“ionic-angular”: “3.6.0”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionicons”: “3.0.0”,
“rxjs”: “5.4.0”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.12”
},
“devDependencies”: {
"@ionic/app-scripts": “2.1.3”,
“typescript”: “2.3.4”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-console”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-whitelist”: {},
“ionic-plugin-keyboard”: {}
},
“platforms”: [
“android”
]
}
}


#2

Did you find the solution yet? I am also facing this problem! font-size for Emoji are not scaling after 65px in mobile.