ECサイト用パーツ

Source Serif Pro

埋め込みタグ(スタイルシート)

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+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+Serif+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 Serif 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

Almost before we knew it, we had left the ground. 0123456789

Extra-light 200 italic

Almost before we knew it, we had left the ground. 0123456789

Light 300

Almost before we knew it, we had left the ground. 0123456789

Light 300 italic

Almost before we knew it, we had left the ground. 0123456789

Regular 400

Almost before we knew it, we had left the ground. 0123456789

Regular 400 italic

Almost before we knew it, we had left the ground. 0123456789

Semi-bold 600

Almost before we knew it, we had left the ground. 0123456789

Semi-bold 600 italic

Almost before we knew it, we had left the ground. 0123456789

Bold 700

Almost before we knew it, we had left the ground. 0123456789

Bold 700 italic

Almost before we knew it, we had left the ground. 0123456789

Black 900

Almost before we knew it, we had left the ground. 0123456789

Black 900 italic

Almost before we knew it, we had left the ground. 0123456789