typography.module.css (2097B) download
1@font-face {
2 font-family: 'Roboto';
3 src: url('../../fonts/Roboto-Medium.ttf');
4}
5
6/* Lable */
7.lable-small {
8 -fx-font-family: "Roboto";
9 -fx-font-size: .9em;
10 -fx-font-style: normal;
11 -fx-font-weight: 500;
12}
13
14.lable-medium {
15 -fx-font-family: "Roboto";
16 -fx-font-size: 1.1em;
17 -fx-font-style: normal;
18 -fx-font-weight: 500;
19}
20
21.lable-large {
22 -fx-font-family: "Roboto";
23 -fx-font-size: 1.2em;
24 -fx-font-style: normal;
25 -fx-font-weight: 500;
26}
27
28/* Body */
29.body-small {
30 -fx-font-family: "Roboto";
31 -fx-font-size: 1em;
32 -fx-font-style: normal;
33 -fx-font-weight: 400;
34}
35
36.body-medium {
37 -fx-font-family: "Roboto";
38 -fx-font-size: 1.2em;
39 -fx-font-style: normal;
40 -fx-font-weight: 400;
41}
42
43.body-large {
44 -fx-font-family: "Roboto";
45 -fx-font-size: 1.4em;
46 -fx-font-style: normal;
47 -fx-font-weight: 400;
48}
49
50/* Headline */
51.headline-small {
52 -fx-font-family: "Roboto";
53 -fx-font-size: 2em;
54 -fx-font-style: normal;
55 -fx-font-weight: 400;
56}
57
58.headline-medium {
59 -fx-font-family: "Roboto";
60 -fx-font-size: 2.2em;
61 -fx-font-style: normal;
62 -fx-font-weight: 400;
63}
64
65.headline-large {
66 -fx-font-family: "Roboto";
67 -fx-font-size: 2.8em;
68 -fx-font-style: normal;
69 -fx-font-weight: 400;
70}
71
72/* Display */
73.display-small {
74 -fx-font-family: "Roboto";
75 -fx-font-size: 3em;
76 -fx-font-style: normal;
77 -fx-font-weight: 400;
78}
79
80.display-medium {
81 -fx-font-family: "Roboto";
82 -fx-font-size: 3.8em;
83 -fx-font-style: normal;
84 -fx-font-weight: 400;
85}
86
87.display-large {
88 -fx-font-family: "Roboto";
89 -fx-font-size: 4.4em;
90 -fx-font-style: normal;
91 -fx-font-weight: 400;
92}
93
94/* Title */
95.title-small {
96 -fx-font-family: "Roboto";
97 -fx-font-size: 1.2em;
98 -fx-font-style: normal;
99 -fx-font-weight: 500;
100}
101
102.title-medium {
103 -fx-font-family: "Roboto";
104 -fx-font-size: 1.4em;
105 -fx-font-style: normal;
106 -fx-font-weight: 500;
107}
108
109.title-large {
110 -fx-font-family: "Roboto";
111 -fx-font-size: 1.8em;
112 -fx-font-style: normal;
113 -fx-font-weight: 400;
114}