We're making an app in phonegap using web-pages in the UIWebView, and in this product we allow apple's emojis, which we apply the AppleColorEmoji font to, making it possible to scale them.
After updating to IOS 7 on both iPad and iPhone, the emoji with font AppleColorEmoji that previously allowed for scaling to whichever size wanted, no longer scales beyond 16px font-size (it can scale smaller). It still scales as intended on the devices with IOS <7
I fear this is something they introduced in IOS 7 intentionally. Have anyone else experienced this problem, and perhaps even a solution to it?
With the introduction of iOS, Apple introduced a new predictive system that could replace words and phrases with emojis. This feature quickly became known as Predictive Emojis and has become quite popular among users. Yet, like every other iOS feature, it can also be subject to a few problems, chief among them not working as expected.
If no words are highlighted, there aren’t any potential emoji words in the text. Step 1: Go to settings > General > Keyboard. Step 2: Select “Keyboards” and if the emoji keyboard is listed, choose “Edit” and then delete the Emoji Keyboard. Step 3: Restart your iPhone. Step 4: Go back to Settings > General > Keyboard> Keyboards.
Since iPads have fewer pixels per inch, anything that’s sized in “pixels” or “points” will be slightly larger on an iPad. Because we hold iPads slightly farther away from our eyes than iPhones, this balances out nicely – you can keep most of the same font sizes on iPad and iPhone.
Choose “Emoji." Step 3: Tap on any of the orange-highlighted words to turn them into an emoji. If no words are highlighted, there aren’t any potential emoji words in the text. Step 1: Go to settings > General > Keyboard. Step 2: Select “Keyboards” and if the emoji keyboard is listed, choose “Edit” and then delete the Emoji Keyboard.
In Webkit, to scale such emoji character in a HTML element:
<span style="-webkit-transform: scale(5); position: absolute;">👿</span>
Downsides to the above include that the positioning will need adjusting for the size, since the transform
has to be applied to elements with position absolute
. Pixelation could also happen, if the emoji is transformed too large.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With