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