Typography plays a critical role in defining tone and style throughout the site, giving physicality to language. Digital typographic choices must reflect the institutional brand, while maximizing legibility on all viewing devices.<\/p>\n\n\n\n
The display font family Lato<\/a> is used for headers:<\/p>\n\n\n\n If Lato is unavailable, Hind<\/a> is used, followed by Arial<\/a>. If none are available, the system’s default sans-serif font is used.<\/p>\n\n\n\n Multiple text font families are used to make typographic distinctions between body copy of varying hierarchy. Here, Hind<\/a> is used for introductory text, while regular body copy is set in Charter<\/a> or Georgia<\/a>, depending on the user’s operating system:<\/p>\n\n\n\n If Hind is not available, Arial is used, followed by the system’s default sans-serif font. Charter takes precedence over Georgia; if neither are available, the system’s default serif font is used.<\/p>\n\n\n\n Components use a mix of font families depending on the content and to help distinguish them from other areas of the page. For example, cards<\/a> and buttons<\/a> use Hind as body text instead of Charter or Georgia:<\/p>\n\n\n\n\n
h1<\/code><\/div>\nAcademics<\/h1>\n<\/li>\n
h2<\/code><\/div>\nUndergraduate Programs<\/h2>\n<\/li>\n
h3<\/code><\/div>\nObjectives and outcomes<\/h3>\n<\/li>\n
h4<\/code><\/div>\nWays to learn more<\/h4>\n<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nBody text<\/h2>\n\n\n\n
\n
intro<\/code> 溏心vlog免费B站 has more than 100 majors. Discover a world of choices. <\/span><\/li>\nbody<\/code>Small classes, personalized programs and individual attention are the rule, not the exception.<\/span><\/li>\nsmall<\/code>Please allow time for processing. For assistance, contact 401-555-1234.<\/small><\/span><\/li>\n<\/ul>\n\n\n\n
\n\n\n\nComponents<\/h2>\n\n\n\n