iOSで使える font familyの一覧画像

Titanium MobileでどんなFont使えるのか謎だったので実機でプレビューしました。

内容について

以下のblogで書かれてる「font family」を使用しています。　※記事自体は2年位前のものなのかな…
ktmtt — Titanium/iPhone 指定できるフォント

実機プレビュー

ソースコード

var font, fontList, row, tab1, tabWin1, tableView, tableViewRowData, tableViewRowList, view, _i, _len;

Ti.UI.setBackgroundColor('#fff');

Ti.UI.iPhone.setStatusBarStyle(Ti.UI.iPhone.StatusBar.OPAQUE_BLACK);

Ti.App.tabGroup = Ti.UI.createTabGroup();

tabWin1 = Ti.UI.createWindow({
  title: 'Font-Family',
  tabBarHidden: true
});

fontList = ['AmericanTypewriter', 'AmericanTypewriter-Bold', 'AppleGothic', 'ArialMT', 'Arial-BoldMT', 'Arial-BoldItalicMT', 'Arial-ItalicMT', 'ArialRoundedMTBold', 'ArialUnicodeMS', 'Courier', 'Courier-BoldOblique', 'Courier-Oblique', 'Courier-Bold', 'CourierNewPS-BoldMT', 'CourierNewPS-ItalicMT', 'CourierNewPS-BoldItalicMT', 'CourierNewPSMT', 'DBLCDTempBlack', 'Georgia-Bold', 'Georgia', 'Georgia-BoldItalic', 'Georgia-Italic', 'Helvetica-Oblique', 'Helvetica-BoldOblique', 'Helvetica', 'Helvetica-Bold', 'HelveticaNeue', 'HelveticaNeue-Bold', 'HiraKakuProN-W3', 'HiraKakuProN-W6', 'MarkerFelt-Thin', 'STHeitiJ-Medium', 'STHeitiJ-Light', 'STHeitiK-Medium', 'STHeitiK-Light', 'STHeitiSC-Medium', 'STHeitiSC-Light', 'STHeitiTC-Light', 'STHeitiTC-Medium', 'TimesNewRomanPSMT', 'TimesNewRomanPS-BoldMT', 'TimesNewRomanPS-BoldItalicMT', 'TimesNewRomanPS-ItalicMT', 'TrebuchetMS-Italic', 'TrebuchetMS', 'Trebuchet-BoldItalic', 'TrebuchetMS-Bold', 'Verdana-Bold', 'Verdana-BoldItalic', 'Verdana', 'Verdana-Italic', 'Zapfino'];

tableViewRowList = function(text, font) {
  var label, label2, row;
  row = Ti.UI.createTableViewRow({
    height: '44dp'
  });
  label = Ti.UI.createLabel({
    top: '5dp',
    left: '20dp',
    text: text,
    color: '#333',
    font: {
      fontSize: 16,
      fontFamily: font,
      fontWeight: 'bold'
    }
  });
  label2 = Ti.UI.createLabel({
    bottom: '5dp',
    left: '20dp',
    text: font,
    color: '#999',
    font: {
      fontSize: 8
    }
  });
  row.add(label);
  row.add(label2);
  return row;
};

tableViewRowData = [];

for (_i = 0, _len = fontList.length; _i < _len; _i++) {
  font = fontList[_i];
  row = tableViewRowList('Sample Text あいうえお 愛上尾', font);
  tableViewRowData.push(row);
}

tableView = Ti.UI.createTableView({
  data: tableViewRowData
});

view = Ti.UI.createView();

view.add(tableView);

tabWin1.add(view);

tab1 = Ti.UI.createTab({
  icon: 'KS_nav_views.png',
  title: 'Font',
  window: tabWin1
});

Ti.App.tabGroup.addTab(tab1);

Ti.App.tabGroup.open();