[TIMOB-24217] iOS: Label clips letters for some fonts
GitHub Issue | n/a |
---|---|
Type | Improvement |
Priority | n/a |
Status | Open |
Resolution | Unresolved |
Affected Version/s | n/a |
Fix Version/s | n/a |
Components | n/a |
Labels | font, label,, titanium |
Reporter | Nikos Poulios |
Assignee | Unknown |
Created | 2016-12-13T16:02:11.000+0000 |
Updated | 2018-02-28T19:55:31.000+0000 |
Description
Not exactly a new issue but it keeps on coming back. Some letters get cut with specific fonts that appear fine on desktop and web use. An example of this is Charter-BoldItalic.ttf. As you can see in the screenshot the lower left corner of the first letter A is clipped no matter how the label is placed or the text alignment mode or clipMode is set. In CharterBoldItalic.png you can see that Titanium clips the part that it's out of the inner boundaries.
Example code
var self = Ti.UI.createWindowView();
var label = Ti.UI.createLabel({
color:'#000000',
text:'An example label',
height:'auto',
borderColor:'black',
textAlign:'center',
width:Ti.UI.FILL,
font:{
fontFamily:'Charter-BoldItalic',
fontSize:'23dp'
}
});
self.add(label);
self.open();
Attachments
File | Date | Size |
---|---|---|
CharterBoldItalic.png | 2016-12-13T16:00:44.000+0000 | 58353 |
Charter-BoldItalic.ttf | 2016-12-13T16:00:44.000+0000 | 40436 |
Simulator Screen Shot Dec 13, 2016, 4.46.44 PM.png | 2016-12-13T16:00:44.000+0000 | 29204 |
Hello, Thanks for submitting the ticket. I have tested the issue with your sample code with the font. I have observed the same behavior. I will forward this to engineering to work on for a fix. Thanks.
Rendering issue exists also on Android, with the same result