Roboto Mono
埋め込みタグ（スタイルシート）
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
埋め込みタグ（HTML／linkタグ）
<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
CSS
body {
font-family: 'Roboto Mono', sans-serif;
font-style: italic; /* italic */
font-weight: 100; /* Thin 100 */
font-weight: 200; /* Extra-light 200 */
font-weight: 300; /* Light 300 */
font-weight: 400; /* Regular 400 */
font-weight: 500; /* Medium 500 */
font-weight: 600; /* Semi-bold 600 */
font-weight: 700; /* Bold 700 */
}
Thin 100
0123456789. Almost before we knew it, we had left the ground.
Thin 100 italic
0123456789. Almost before we knew it, we had left the ground.
Extra-light 200
0123456789. Almost before we knew it, we had left the ground.
Extra-light 200 italic
0123456789. Almost before we knew it, we had left the ground.
Light 300
0123456789. Almost before we knew it, we had left the ground.
Light 300 italic
0123456789. Almost before we knew it, we had left the ground.
Regular 400
0123456789. Almost before we knew it, we had left the ground.
Regular 400 italic
0123456789. Almost before we knew it, we had left the ground.
Medium 500
0123456789. Almost before we knew it, we had left the ground.
Medium 500 italic
0123456789. Almost before we knew it, we had left the ground.
Semi-bold 600
0123456789. Almost before we knew it, we had left the ground.
Semi-bold 600 italic
0123456789. Almost before we knew it, we had left the ground.
Bold 700
0123456789. Almost before we knew it, we had left the ground.
Bold 700 italic
0123456789. Almost before we knew it, we had left the ground.
