START
開始
<span class="bf-shape-font" aria-hidden="true"></span>
既存40種類+仕様書用UIパーツ43種類。実動作UIではなく、仕様書・説明図で使うモノクロームのフォント図形です。
フォントは1色のため、Light/Dark/NeonはCSSの文字色で変化します。多色のUI仕様図はSVG Shapeを使用してください。
CSSを読み込み、対応するUnicodeの文字をspanで表示します。LABEL_UIは U+E053 です。
<link rel="stylesheet" href="../css/bone-shape-font.css"> <span class="bf-shape-font" aria-hidden="true"></span> <!-- LABEL_UI -->
外部CDN・クエリ文字列は不要。TTFはWindows等へのインストールにも利用でき、WebページではWOFF2を優先読み込みします。
<span class="bf-shape-font" aria-hidden="true"></span>
<span class="bf-shape-font" aria-hidden="true"></span>
<span class="bf-shape-font" aria-hidden="true"></span>
<span class="bf-shape-font" aria-hidden="true"></span>
<span class="bf-shape-font" aria-hidden="true"></span>
<span class="bf-shape-font" aria-hidden="true"></span>
STARTU+E001ENDU+E002PROCESSU+E003DECISIONU+E004INPUT_OUTPUTU+E005SUB_PROCESSU+E006DOCUMENTU+E007DATABASEU+E008DATA_STOREU+E009MANUAL_INPUTU+E00AMANUAL_OPERATIONU+E00BPREPARATIONU+E00CDELAYU+E00DCONNECTORU+E00EOFFPAGE_CONNECTORU+E00FTABLEU+E010VIEWU+E011APIU+E012FILEU+E013JSONU+E014XMLU+E015CSVU+E016OBJECTU+E017IMAGEU+E018ICONU+E019LABELU+E01APANELU+E01BGROUPU+E01CMULTI_DOCUMENTU+E01DCOLLECTIONU+E01ETABLE_DETAILU+E01FINTERNAL_DETAILU+E020STAMP_CIRCLEU+E021STAMP_SQUAREU+E022STAMP_OVALU+E023STAMP_DATEU+E024STAMP_CORRECTIONU+E025SCHEDULE_TRIGGERU+E026JOBU+E027JOBNETU+E028WINDOW_FRAME_UIU+E029WINDOW_CONTROL_MINIMIZEU+E02AWINDOW_CONTROL_MAXIMIZEU+E02BWINDOW_CONTROL_RESTOREU+E02CWINDOW_CONTROL_CLOSEU+E02DBUTTON_RECTU+E02EBUTTON_ICONU+E02FBUTTON_SPLITU+E030CHECKBOX_UIU+E031RADIO_BUTTON_UIU+E032TEXTBOX_UIU+E033COMBOBOX_UIU+E034TOAST_UIU+E035DIALOG_UIU+E036TAB_UIU+E037MENU_UIU+E038CALENDAR_MONTHU+E039CALENDAR_WEEKU+E03ACALENDAR_DAY_CELLU+E03BCALENDAR_DAY_SELECTEDU+E03CCALENDAR_DAY_TODAYU+E03DCALENDAR_DAY_HOLIDAYU+E03ECALENDAR_DAY_EVENTU+E03FCALENDAR_DAY_TASKU+E040CALENDAR_HEADERU+E041CALENDAR_NAV_PREVU+E042CALENDAR_NAV_NEXTU+E043TIMELINE_GRIDU+E044TIMELINE_BARU+E045TIMELINE_BAR_RANGEU+E046TIMELINE_BAR_SELECTEDU+E047TIMELINE_VERTICALU+E048TIMELINE_HORIZONTALU+E049TIMELINE_LABEL_HOURU+E04ATIMELINE_MARKER_NOWU+E04BDATE_PICKER_UIU+E04CTIME_PICKER_UIU+E04DDATETIME_PICKER_UIU+E04ECOLOR_PICKER_UIU+E04FFILE_PICKER_UIU+E050PICKER_POPUP_UIU+E051OPTION_LIST_UIU+E052LABEL_UIU+E053