Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-24217

iOS: Label clips letters for some fonts

    Details

    • Type: Improvement
    • Status: Open
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Labels:
    • Environment:

      Ti SDK 6.0.0.GA

      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

        1. CharterBoldItalic.png
          57 kB
          Nikos Poulios
        2. Charter-BoldItalic.ttf
          39 kB
          Nikos Poulios
        3. Simulator Screen Shot Dec 13, 2016, 4.46.44 PM.png
          29 kB
          Nikos Poulios

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              nipoul Nikos Poulios
            • Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:

                Backbone Issue Sync

                • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                  Git Source Code