game-client

Play TicTacToe and Reversi
Log | Files | Refs

typography.module.css (2097B)

      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 }