Typography
eDrawings WebGL uses the following font face, style to convey the content and text messages.
| Font Sample | CSS Definition | Usage Description |
|---|---|---|
| Heading or title |
font-family: "Segoe UI"; font-size: 17px; font-color: #5b5b5b; font-weight: 600;< |
Menu title in the panel header |
| Font text sample |
font-family: 'Helvetica Neue-Light', 'Helvetica Neue', arial, Helvetica, sans-serif; font-size: 14px; font-color: #5b5b5b; font-weight: bold; text-shadow: 0 -1 rgba(0, 0, 0, .2); |
Measure label name on the measure panel. |
| Font text sample |
font-family: Arial; font-size: 14px; font-color: #000000; |
Tab label in the bottom tab list. |
| Font text sample |
font-family:Arial; font-size: 14px; font-color: #5b5b5b; |
Measure message value text in the message box on the Measure Panel. |
| Font text sample |
font-family: arial; font-size: 13px; font-color: #000000; |
File name |
| Font text sample |
font-family: arial; font-size: 13px; font-color: #828282; font-weight: bold; |
Sub menu list item popover option value name. |
| Font text sample |
font-family: arial; font-size: 12px; font-color: #828282; font-weight: bold; |
Sub menu list item name in the panel. |
| Font text sample |
font-family:Arial; font-size: 12px; font-color: #969696; |
Measure message value text in the data value grid table. |
| Font text sample |
font-family:Arial; font-size: 12px; font-color: #ffffff; |
Measure message value label in the data value grid table. |
| Panel Header Title |
font-family: "Segoe UI"; font-size: 12px; font-color: #5b5b5b; |
Component count in the Components panel header. |