|
 |
HTML Text
Graphical Text |
 |
 |
Marriott.com uses a combination of Arial and Verdana for all HTML text. Because Verdana is best for reading large blocks of text, it should be used for body text, content module text, and contextual links. Arial is usually used for header text styles and form text.
|
| |
Name |
CSS Style |
Font |
Size |
Color |
Line Height |
 |
Page Header |
.pageHeader |
Arial, Bold |
16px |
#333333 |
18px |
 |
Page Header Regular |
.pageHead |
Arial, Normal |
12px |
#333333 |
12px |
 |
Sub Header |
.subHead |
Arial, Bold |
12px |
#333333 |
12px |
 |
Sub Header Two |
.subHeadTwo |
Verdana, Bold |
11px |
#333333 |
14px |
 |
Body Copy |
.bodyCopy |
Verdana, Normal |
11px |
#333333 |
14px |
 |
Body Copy Bold |
.bodyCopyBold |
Verdana, Bold |
11px |
#333333 |
14px |
 |
Field entry label/content |
.formContent |
Arial, Normal |
10px |
#333333 |
N/A |

|
Back to top |
 |
 |
Univers is the preferred typeface for all graphical text treatments on Marriott.com. Although any weight within the Univers set is acceptable, the most commonly used for graphic treatments like header graphics and messaging units are Light Condensed, Condensed, Light and Roman. Bold, Black and Oblique weights should be used sparingly. Font size and color selections should always promote on-screen legibility and visual balance. Typeface should never be stretched or distorted.

|
|