ECサイト用パーツ

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