ECサイト用パーツ

Merriweather

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

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

埋め込みタグ(HTML/linkタグ)

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">

CSS

body {
	font-family: 'Merriweather', sans-serif;
	font-style: italic; /* italic */
	font-weight: 300; /* Light 300 */
	font-weight: 400; /* Regular 400 */
	font-weight: 700; /* Bold 700 */
	font-weight: 900; /* Black 900 */
}

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.

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.