/* Copyright 2021 The Chromium Authors
* Use of this source code is governed by a BSD_style license that can be
* found in the LICENSE file. */
/*
* Chrome OS typography styles.
*/
{
options: {
CSS: {
prefix: 'cros',
},
},
typography: {
font_families: {
font_family_google_sans: "'Google Sans', 'Noto Sans', sans-serif",
font_family_roboto: "Roboto, 'Roboto', 'Noto Sans', sans-serif",
},
font_faces: {},
typefaces: {
headline_1: {
font_family: '$font_family_google_sans',
font_size: 15,
font_weight: 500,
line_height: 22,
},
headline_2: {
font_family: '$font_family_roboto',
font_size: 15,
font_weight: 500,
line_height: 22,
},
body_0: {
font_family: '$font_family_roboto',
font_size: 16,
font_weight: 400,
line_height: 24,
},
body_1: {
font_family: '$font_family_roboto',
font_size: 14,
font_weight: 400,
line_height: 20,
},
body_2: {
font_family: '$font_family_roboto',
font_size: 13,
font_weight: 400,
line_height: 20,
},
display_1: {
font_family: '$font_family_google_sans',
font_size: 44,
font_weight: 500,
line_height: 52,
},
display_2: {
font_family: '$font_family_google_sans',
font_size: 36,
font_weight: 500,
line_height: 44,
},
display_3: {
font_family: '$font_family_google_sans',
font_size: 32,
font_weight: 500,
line_height: 40,
},
display_4: {
font_family: '$font_family_google_sans',
font_size: 28,
font_weight: 500,
line_height: 36,
},
display_5: {
font_family: '$font_family_google_sans',
font_size: 24,
font_weight: 500,
line_height: 32,
},
display_6: {
font_family: '$font_family_google_sans',
font_size: 22,
font_weight: 500,
line_height: 28,
},
display_7: {
font_family: '$font_family_google_sans',
font_size: 18,
font_weight: 500,
line_height: 24,
},
annotation_1: {
font_family: '$font_family_roboto',
font_size: 12,
font_weight: 400,
line_height: 18,
},
annotation_2: {
font_family: '$font_family_google_sans',
font_size: 11,
font_weight: 400,
line_height: 16,
},
button_1: {
font_family: '$font_family_roboto',
font_size: 14,
font_weight: 500,
line_height: 20,
},
button_2: {
font_family: '$font_family_roboto',
font_size: 13,
font_weight: 500,
line_height: 20,
},
title_1: {
font_family: '$font_family_google_sans',
font_size: 16,
font_weight: 500,
line_height: 24,
},
title_2: {
font_family: '$font_family_roboto',
font_size: 16,
font_weight: 500,
line_height: 24,
},
label: {
font_family: '$font_family_roboto',
font_size: 10,
font_weight: 500,
line_height: 10,
},
label_2: {
font_family: '$font_family_roboto',
font_size: 10,
font_weight: 400,
line_height: 10,
}
}
},
}
Codebase Browser
chromium