ECサイト用パーツ

Cabin

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

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;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=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

CSS

body {
	font-family: 'Cabin', sans-serif;
	font-style: italic; /* italic */
	font-weight: 400; /* Regular 400 */
	font-weight: 500; /* Medium 500 */
	font-weight: 600; /* Semi-bold 600 */
	font-weight: 700; /* Bold 700 */
}

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.