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